css
美化页面
cascading style sheet
层叠样式表
css语法:
选择器{ css属性名:属性值;css属性名:属性值;}
css引入方式:
方式一:内联样式表
通过标签的style属性来引入 <xxx style="css属性名:css属性值" />
方式二:内部样式表
通过head的子标签style引入
方式三:外部样式表
通过head的子标签link引入
css选择器:
id选择器
html:需要标签上 给一个id属性值 必修赋值 <xxx id="x"/>
css:以#打头x #x{...}
class选择器
html:需要在标签上 给一个class属性 必须赋值 <xxx class="y"/>
css:以.打头y .y{...}
元素选择器
html:<xxx />
css:xxx{...}
属性选择器
html:需要在标签上 随意随便 给一个属性值 <xxx zzz="z" />
css:xxx[zzz='z']{...}
伪类选择器
锚伪类选择器
派生选择器
分组选择器
选择器1,选择器2
节约代码
后代选择器
父选择器 后代选择器
在父选择器的基础上值 在其后代中选中符合第二个选择器的元素
css属性:
文本属性:
颜色 对齐方式 样式
文字属性:
大小 风格 粗细
背景相关属性:
边框属性:
border:1px solid red;
宽度 实心 颜色
宽度属性
高度属性:
浮动属性清除浮动属性
display:
控制选中的元素显示与否 和显示的样式
none:不显示 online 一行显示 block 作为块级元素显示前后带有换行符
盒子模型:
margin
padding: