最近刚刚接触这个CSS,乍一看一片红的蓝的代码,真是有些吓人,而且有种摸不着头脑的赶脚,蒙蒙哒,下面跟我来初步了解一下这个CSS 吧。
一、概念(是什么)
CSS(Cascading Style Sheets)层叠样式表,又叫级联样式表。是一种用来表现HTML或XML等文件样式的计算机语言。
二、特点(干什么)
主要的作用就是能够真正做到将网页的内容与样式进行分离。
如果要在HTML元素中设置CSS样式,需要在元素中设置id和class选择器。
id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS中id选择器以#来定义。
三、选择器类型
1.ID选择器(用#)
2.类选择器
选择器父子继承关系,父子之间要有空格,title后面这个span实现了括号里面的样式
并列用逗号
3.HTML标签选择器
body标签中的内容
优先级:ID选择器>类选择器>HTML标签选择器
即当ID选择器、类选择器、HTML选择器设置了同一个属性的不同值,以优先级高的为准。
四、核心内容:
1.标准流:标签的排列方式,标签的顺序和界面显示的顺序一致
2.盒子模型
每个标签相当一个盒子,通过盒子模型设置标签的内外边距等属性。
外边距(border):上右下左
内边距(padding):上右下左
内容(content):宽,高
画框(margin):宽
3.浮动
浮动的框可以向左或向右移动,直到它的外边碰到包含框或另一个浮动的框为止。由于盒子模型是针对块级元素的,让其排成一行,脱离了标准流。
4.定位
相对定位设置偏移量没有脱离标准流,绝对定位脱离了标准流
块级元素div,行内元素span