css入门基础知识

属性的值大于一个单词，要加上引号。

• 外部样式表

    <link href = "mycss.css" type="text/css" rel = "stylesheet">

href是css文件，类型是text/css,rel是当前文档与外部文档的关系。

• 内部样式表

    <style>body{color:red;}</style>

对html内部的标签进行样式化。
1. 选择器分组

h1, h2, p{color: red;
}

表示h1，h2，p标签的文本颜色全是红色的。
2. 继承

h1{color: red;
}
body{color: bisque;
}

标签有单独自己的颜色，显示自己的，没有的显示body的。
3. 派生选择器

可以对派生的标签进行更改样式，而不影响其他的。

<p> <strong>this is p strong</strong></p>
<ul><li><strong>this is li strong</strong></li>
</ul>
<h1><strong>this is h1 strong </strong></h1>
<h2><strong>this is h2 strong </strong></h2>

p strong{color:red;}
li strong{color:blue;
}
strong{color:yellow;
}

结果第一个是红色，第二个是蓝色，其余两个是黄色。