CSS

1 CSS使用示例

1.1 问题

使用CSS设置HTML文档的样式。

1.2 方案

CSS使用有3种方式：

  1. /*定义外部样式表*/
  2. p {
  3.     background-color:silver;
  4. }
  1. <!--定义内部样式表 -->
  2. <style type="text/css">
  3. h2 {
  4. color:red;
  5. }
  6. </style>
  7. <!--引用外部样式表 -->
  8. <link rel="stylesheet" type="text/css" href="../css/c1.css" />
  9. </head>
  10. <body>
  1. <!--内联方式 -->
  2. <h1 style="color:blue;">CSS的使用</h1>
  3. <!--内部样式表 -->
  4. <h2>CSS有3种用法</h2>
  5. <!--外部样式表 -->
  6. <p>1.内联方式。</p>
  7. <p>2.内部样式表。</p>
  8. <p>3.外部样式表。</p>

 

2 CSS规则特性

2.1 问题

创建HTML文档，验证CSS规则特性。

2.2 方案

CSS规则特性：

 

  1. <style type="text/css">
  2. /* 继承性 */
  3. body {
  4. font-family: '微软雅黑','文泉驿正黑';
  5. }
  6. /* 层叠性 */
  7. h1 {
  8. color:red;
  9. }
  10. h1 {
  11. background-color:silver;
  12. }
  13. /* 优先级:就近原则 */
  14. p {
  15. color:red;
  16. }
  17. p {
  18. color:blue;
  19. }
  20. </style>
posted @ 2018-01-13 11:12  熏染的坚强！  阅读(77)  评论(0)    收藏  举报