首页 > Web开发 > 详细

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

时间:2020-12-18 10:02:30      阅读:23      评论:0      收藏:0      [点我收藏+]

(承上启下,

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语言的诞生史(英文原版)

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

原文:https://www.cnblogs.com/Nelson-Yen/p/14152928.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!