css样式表
- css英文全名:cascading style sheet(s) 层叠样式表,简单说就是如何修饰网页信息的显示样式。
- 属性必须放在花括号中,属性与属性值用冒号链接。
- 每条声明用分号结束。
- 当一个属性有多个属性值的时候,属性值与属性值不分先后顺序,用空格隔开。
- 在书写样式过程中,空格、换行等操作不影响属性显示
例如:css的内部样式:<style> h1{color:red} </style> (style放在title与head之间)
css的写法
css的行内样式:
css的外部样式:
!import的用法:<style> div{color:yellow!import;} </style>
样式表的优先级:!import>行内>内部>外部
标签选择器
【1】元素/element选择器(范围广)
*【2】类/class选择器*
<div class="ibm">文本内容</div>(遵循就近原则)
【3】id选择器
class选择器可以一对多,id选择器只能一对一
【4】通配符选择器
【5】群组和后代选择器
群组选择器写法:div,p,h1{background-color:yellow;}(提出公共代码,节约代码量)
后代选择器写法:div p{background-color:red}(div代码中的p代码,从右到左开始选择)
【6】伪类选择器
选择器的权重
当多个选择器,选中的是同一个元素,且都为他们定义了样式,如果属性发生冲突了,会选择权重高的来执行