什么是css
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
思维导图
css语法
- css基础语法
- 选择器+声明(属性+值)
注:多个属性值之间加;
- css高级语法
- 选择器可分组,用
,
即可 - 继承及问题
设置body元素,通过 CSS 继承,子元素将继承最高级元素所拥有的属性
css派生选择器
p strong {
font-size:12px;
}
- 符合
p strong
规则的才会受影响<p><strong>字体</p></strong>
css ID选择器
- Id 选择器以
“#”
来定义
注意
:id属性只能在每个HTML文档中出现一次,id 就是唯一标识, id 的作用就是唯一标识元素, id 在html 中出现多次也不会报错, 但是使用 javascript 访问id 时就会有问题了
css 类选择器
- 在css文件中,类选择器以一个点显示
注意
:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
和 id 一样,class 也可被用作派生选择器p.temp{}
<p class="temp">
属性选择器
- css属性选择器用
[]
来表示