CSS基础

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基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,242评论 0 40
  • CSS简介 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示HTML 元素...
    MrMagicWang阅读 740评论 0 1
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,072评论 1 11
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 1,109评论 0 4
  • Title: Relief Rating: Not Rated Fandom: Placebo Relations...
    V匿匿阅读 229评论 0 0