谈谈CSS| 青训营笔记

83 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第2天

导言

css 用于控制网页样式的一种标记语言,通过使用css可以使网站外观更加美观,可观性高。

基础语法

1.结构:

css 样式由选择符声明组成,而声明又由属性组成

4.jpg

选择符: 又称选择器,指明网页中要应用样式规则的元素

声明: 在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔

  1. 样式:

①内联式:把css代码直接写在现有的HTML标签中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。

例如: <p style="color:red">这里文字是红色。</p>

②嵌入式:

嵌入式css样式,就是可以把css样式代码写在 <style type="text/css"></style>标签之间

③外部式(外联式):

css样式文件以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内,如下代码: <link href="base.css" rel="stylesheet" type="text/css" />

  1. 选择器:

类(class)选择器

语法:.类选器名称{css样式代码;}

使用方法:使用class="类选择器名称"为标签设置一个类,设置类选器css样式即可

ID选择器

名称:使用ID选择器,必须给标签添加上id属性,为标签设置id="ID名称"。

使用方法:ID选择符的前面是井号 (#) 号。

子选择器和后代选择器: 子选择器仅是指它的直接后代,或者可以理解为作用于子元素的第一代后代,通过“>”进行选择。而后代选择器是作用于所有子后代元素,通过空格来进行选择。

总结

主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等,来更好的装饰我们的页面。