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