2019-06-08 学习日记 day29 CSS

CSS

css（Cascading Style Sheets）

CSS通常称为css样式表或层叠样式表（级联样式表），主要用于设置THML页面中文本内容（字体，大小，对其方式等），图片的外形（宽高，边框样式，边距等）以及版面的布局等外观显示样式

 

CSS选择器：帮助我们找到我们套修饰的标签或者元素

元素选择器：元素的名称 {  属性名称：属性的值  }    

ID选择器：以#号开头 (ID必须唯一的)

类选择器：以 . 号开头

 

CSS的引入方式：

　　外部样式（link标签）

　　内部样式（style标签）

　　行内样式（在行内添加style属性）

CSS浮动：

float，浮动的元素会脱离正常的文档流，再长长的文档流中不占空间

clear属性：清除浮动

　　both：两边都不允许浮动

　　left：左边不允许浮动

　　right：右边不允许浮动

 

行高：line

 

CSS的优先级：按照选择器搜索精确度来编写   行内样式 > ID选择器 > 类选择器 > 元素选择器

CSS其他选择器：

　选择器分组：选择器1，选择器2{属性的名称：属性的值}

　属性选择器：

　　a[ ] { }

　　[abc^="def"] = 选择abc属性值以“def”开头的所有元素

　　[abc$="def"] = 选择abc属性值以“def”结尾的所有元素

　　[abc*="def"] = 选择abc属性值中包含子串“def”的所有元素　

　后代选择器：选择器1，选择器2　　找出所有后代

　子元素选择器：父选择器 > 子选择器

　伪类选择器：通常都是用在A标签上

　颜色：#000000   红绿蓝  每两位代表一个颜色

 

盒子模型

　　border：框

　　pading：内边距，控制的是盒子内容的距离

　　margin：外边距，控制盒子与盒子之间的距离

 

CSS绝对定位：

　　position：absolute，绝对定位