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;}

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