HTML5+CSS3技术（二）CSS使用方法和选择器

原标题：HTML5+CSS3技术（二）CSS使用方法和选择器

css->基础知识

HTML负责网页的内容，CSS负责网页的样式，可以减少网页代码量，更能提高网络访问网页的速度；

CSS是Cascading Syle Sheet的缩写，翻译成中文是层叠样式表单，有时简称样式表；

CSS文件链接分成：内联接（嵌入式）、链接内部css、链接外部css;

CSS层叠样式优先级：嵌入式 >链接内部css >链接外部css;

css ->选择器

->标签选择器

->类选择器（同类）

->id选择器（唯一）

• 选择器优先级

CSS其他选择方式

<h1 id="first" class="awei" name="aweicho">

<em class="aweitalk">十点垒码</em>编程

</h1>

h1 em{...} -->选择h1下面的子元素 em

em .aweitalk{...} -->选择所有class为aweitalk的em

h1 #first{...} -->选择所有id为first的h1

h1[name]{...} -->选择所有包含name属性的h1精确

精确查找

CSS常用规范

样式顺序：标签 -> id ->class

父标签 ->子标签

如下格式，注意封闭括号要和标签对齐，好处方便查找

<style>

h1{

color:#C00;

font-size:36px;

}

</style>

如下格式，注意子标签要缩进对齐

<style>

#one h1{color:#36C;}

.red{color:#F00;}

.blue{color:#039;}

</style>

笔者「垒码大叔」；

初入IT世界的小白，欢迎大神留言交流，你的互动，是我成长的动力;

如果觉得分享内容还不错，就推荐到你的朋友圈吧，让更多人一起交流和分享；

笔者：垒码大叔「 AWEI」

郑重声明：此文内容为本网站转载企业宣传资讯，目的在于传播更多信息，与本站立场无关。仅供读者参考，并请自行核实相关内容。