请选择 进入手机版 | 继续访问电脑版
开启辅助访问
查看: 92|回复: 1

[开发教程] CSS回顾复习一(什么是CSS)

[复制链接]

该用户从未签到

216

主题

243

帖子

1197

积分

金牌会员

Rank: 6Rank: 6

积分
1197
发表于 2017-1-12 15:08:05 | 显示全部楼层 |阅读模式
CSS,即层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS出现的主要目的:
1.可以同时更新多个网页的样式。
2.使网页的表示层与结构层彻底分离
3.大大减小了网页文件的大下
4.加快了网页的加载速度
CSS的用法:
  • 当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便(外部样式表)
    • <!DOCTYPE html>
    • <html>
    •      <head>
    •          <title></title>
    •          <link rel="stylesheet" type="text/css" href="css/public.css" />
    •      </head>
    • <body>
    • </body>
    • </html>
  • 只在单个网页 中使用的CSS,采用文档头部方式(内部样式表(位于 <head> 标签内部))
    • <!DOCTYPE html>
    • <html>
    •      <head>
    •          <title></title>
    •          <style>
    •              .maomao{
    •                  width:100px;
    •                  height: 100px;
    •                  background: #000
    •              }
    •          </style>
    •      </head>
    • <body>
    • </body>
    • </html>
  • 只有在一个网页一、两个地方才用到的CSS,采用行内插入方式 (内联样式(在 HTML 元素内部))
    • <div style="width:100px;height: 100px;background: #000"></div>
    这个三个的优先级是外部样式表 < 内部样式表(位于 <head> 标签内部) < 内联样式(在 HTML 元素内部)注:最小级是浏览器缺省设置优点:
  • 极大地提高了工作效率(只要修改保存着网站格式的CSs样式表文件就町以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量)
  • 将网页内容与网页外观分离开,便于维护
  • 减少代码字节数
  • CSS简化了网页的格式代码
  • 外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量

回复

使用道具 举报

  • TA的每日心情
    奋斗
    2017-3-14 16:54
  • 签到天数: 1 天

    [LV.1]初来乍到

    176

    主题

    744

    帖子

    3706

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    3706
    发表于 2017-1-12 18:03:45 | 显示全部楼层
    基础教程
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    进站必读上一条 /1 下一条