新手小白学习css笔记

什么是CSS？
层叠样式表 -层叠样式只会被覆盖而不会被替代

CSS的使用方式
style属性--- h1 >sytle标签--- head标签里面
link--- link rel= stylesheet href= style.css?1.1.11

基础选择器
html标签选择器 通过html标签名来选择元素
①所有的html标签都可以当做选择器
②无论标签藏多深都会被选中
③选择的是所有的标签而不是具体某个标签。所以说我们通过html标签选择器来设置的都是一些共性问题
id选择器
①任何的标签都可以用id属性和属性值（因为id是一个全局属性）。id命名不能随意的命名。大小写敏感，id的名字中可以有数字字母下划线，但是要以字母开头。
驼峰命名法 小驼峰命名法 大驼峰命名
testHeader小驼峰TestHeader大驼峰 ②但是id名不能够重复
class选择器
①任何的标签都可以使用class属性（class属性也是一个全局属性）
②class属性名可以重复使用
③一个class属性中，可以有多个class属性值。

后代选择器 div p

交集选择器 div.dl

并集选择器 div,p

子元素选择器 div p

序列选择器 ul li:first-child ul:li:last-child

相邻兄弟选择器 div + p

普通兄弟选择器 div ~ p

继承:父元素的某些css属性会被子元素无条件的继承过去。关于文字的css属性都可以进行继承:color text- line-font-

层叠
层叠解决的是css冲突的问题
比较权重来解决层叠问题
！important能够把 单独属性 的权重变为无限大。尽量少用。

div 块级元素
span 行内元素
块级元素和行内元素的区别： 1. 行内元素部不能够设置宽度和高度。行内元素的宽度和高度是标签内同的宽度和高度。块级元素可以设置宽度和高度 2. 块级元素会单独占一行。而行内元素却不能够独占一行，只能和其他行内元素共用一行。 3. 如果块级元素不设置宽度，那么块级元素会自动的占满父元素的全部宽度。

以上就是新手小白学习css笔记的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。