精华

CSS回顾复习一(什么是CSS)

  • • 发表于 8年前
  • • 作者 茂茂
  • • 5239 人浏览
  • • 12 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

CSS,即层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS出现的主要目的:

1.可以同时更新多个网页的样式。
2.使网页的表示层与结构层彻底分离
3.大大减小了网页文件的大下
4.加快了网页的加载速度

CSS的用法:

  1. 当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便(外部样式表)
    <!DOCTYPE html>
    <html>
         <head>
             <title></title>
             <link rel="stylesheet" type="text/css" href="css/public.css" />
         </head>
     <body>
     </body>
    </html>
    
  2. 只在单个网页 中使用的CSS,采用文档头部方式(内部样式表(位于 <head> 标签内部))
    <!DOCTYPE html>
    <html>
         <head>
             <title></title>
             <style>
                 .maomao{
                     width:100px;
                     height: 100px;
                     background: #000
                 }
             </style>
         </head>
     <body>
     </body>
    </html>
    
  3. 只有在一个网页一、两个地方才用到的CSS,采用行内插入方式 (内联样式(在 HTML 元素内部))
     <div style="width:100px;height: 100px;background: #000"></div>
    

    这个三个的优先级是外部样式表 < 内部样式表(位于 <head> 标签内部) < 内联样式(在 HTML 元素内部)

    注:最小级是浏览器缺省设置

    优点:

  4. 极大地提高了工作效率(只要修改保存着网站格式的CSs样式表文件就町以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量)
  5. 将网页内容与网页外观分离开,便于维护
  6. 减少代码字节数
  7. CSS简化了网页的格式代码
  8. 外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量
了解了这么多,接下来跟茂茂一起学习CSS吧!!!
喜欢的可以打赏哦!!!
下期内容:CSS回顾复习二(CSS书写规范、顺序和命名规则——CSS书写顺序与命名规则)
分享到:
12条评论
Ctrl+Enter
作者

茂茂

茂茂

APP:2 帖子:16 回复:199 积分:13534

已加入社区[2924]天

啦啦啦

作者详情》
Top