CSS基础

作者: 饥人谷_晴天小雨多云 | 来源:发表于2017-03-21 17:46 被阅读0次

CSS是什么

CSS全称:Cascading Style Sheets,层叠样式表

常见形式:

  1. @charset "utf-8"; // 如果css中有中文注释,用这个。一般不用
  2. h1{color:red;font-size:20px;}/这是注释/
  3. a:hover{color:red;}

引用样式

  1. 内联样式 <h1 style="color:red;font-size:20px;"></h1>
  2. 内部样式 <style> h1{color:red; font-size:20px;} </style>
  3. 外部样式 <link rel="stylesheet" type="text/css" href="index.css">
  4. @import url("hello.css");@import "wold.css"; 必须放在css文件中或者style标签中,不推荐使用,因为请求慢?!

浏览器默认样式

书写规范

  • 语法不区分大小写,但建议统一使用小写
  • 不使用内联的style属性定义样式
  • id和class使用有意义的单词,分隔符建议使用-
  • 有可能的话单词使用缩写
  • 属性值为0的省略单位
  • 块内容缩进
  • 属性名冒号后面添加一个空格

延伸拓展

相关文章

网友评论

    本文标题:CSS基础

    本文链接:https://www.haomeiwen.com/subject/lcvgnttx.html