什么是CSS?
从元素角度上看,style这个属性就是CSS
css的使用方式?
内联样式:在标签对style中的属性以“;”作为分隔符,这样写的好处在于方便加载,但不易于维护或修改
内嵌样式:在head中单独写一个style标签对,好处在于针对网页临时性修改效果直观,但会造成代码臃肿
外部引用:在外部引用css后缀文件,好处在于可扩展性强,易于维护,代码量少,但css和html是分开加载,在传输数据量大的情况下会出现的暂时的错位或空白(<link rel="stylesheet" type="text/css" href="">是固定标签不可缺少或修改)
选择器
元素选择器:
以各种标签名来定义,例如 p{}可以对<p></p>标签直接进行属性定义修改
类选择器:
使用“.类名”来定义,在相应的标签内需要设置class=“类名”来控制属性定义修改
id选择器:
使用“#id名”来定义,在相应的标签内需要设置id=“id名“来控制属性定义修改
Ps:选择器的优先级:id选择器 > 类选择器 > 元素选择器,如果是在元素内部直接定义,那么选择器无法修改这些定义属性
有哪些定位?
-
absolute
是绝对定位,会覆盖其它元素
-
relative
是相对定位,不会覆盖其它元素,发生冲突时会在冲突位置旁边放置
Ps:在属性里需要添加上position才会有效果
float的特点:
- 可以使块级元素不再独占一行(脱离HTML的文档流)
- 可以使行内元素设置宽高(脱离HTML的文档流)
- 可以实现字围效果
- 自动脱落效果(一旦外面的盒子包不住,它就会掉下去)