4-1 CSS 网页的美容师（结尾有团队约定）

（承上启下，

css全部内容太多了，可能会简略写。）

CSS 能让：

  • 我们的网页更加丰富多彩，布局更加灵活自如。
  • 让HTML从样式中脱离，实现了HTML 专注去做 结构呈现，样式交给CSS。

CSS（Cascading Style Sheets）,通常称为CSS样式表或层叠样式表

引入CSS样式表（三种方式）

  1. 行内式（内联样式）        <div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div>
  2. 内部样式表（写在<head></head>中）        <style>h2 { color:green; font-size:20px; }</style>  （这里是需要换行的，在这里是为了整齐）
  3. 外部样式表（外链式）（写在<head></head>中）        创建外部样式表，格式xxxx.css， 用  <link rel="stylesheet"  href="xxxx.css"  />  将html文件 和 css文件关联起来。（rel是relation的缩写）
团队约定-代码风格
紧凑格式（Compact）： .jdc{ display: block; width: 50px; }

展开格式（推荐）： h3 {
                       color: deeppink;
                       fontsize: 20px;
                }

团队约定-代码大小写
样式选择器，属性名，属性名关键字全部使用小写字母书写，
属性字符串运行使用大小写。

/* 推荐 */
h3 {
        color: pink;
}

/* 不推荐 */
H3 {
       COLOR: PINK;
}

CSS拓展阅读  八一八CSS语言的诞生史                     

　　　　　　  八一八CSS语言的诞生史（英文原版）

posted @ 2020-12-18 00:41  Nelson-Yen  阅读(87)  评论(0)    收藏  举报