CSS(Cascading Style Sheets): 层叠样式表,用于控制HTML的样式和布局
主要模块:
选择器
框模型
背景和边框
文本效果
2D/3D转换
动画
多列布局
用户界面
选择器
一般保存为.css文件,在html的<head>中用 <link href="xxx.css" type="text/css" rel="stylesheet"> 引入
选择器:
h1{ color: red; font-size: 50px; } 也可以给多个元素加上同一样式 h1,h2,a,li{...}
继承:例如<body>标签中包含的标签,如果该标签没有添加样式,就继承body的样式
如果有自己的样式,则用自己的样式
派生选择器:
p strong{ color: green; } 只有在p标签中的strong标签内生效
id选择器(#)
#divid{ color: red; }
<div id="divid">
class选择器(.)
.divclass{ color: red; }
<div class="divclass">
id选择器和class选择器都可以派生选择器
属性选择器
<body> <style> [title]{ color: red; 没有值时,任何title='xxx'都生效 } [title=te]{ color: green; 只对title='te'生效 } </style> </body>
<p title='t'>...<>
<p title='te'>...<>