学习H5-CSS

124 阅读2分钟

什么是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的文档流)

  • 可以实现字围效果

  • 自动脱落效果(一旦外面的盒子包不住,它就会掉下去)