CSS自学笔记(1):CSS简介

一.什么是CSS

CSS(Cascading Style Sheet(级联样式表))是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言

同时CSS也是一种设计语言,是将正真的网页表现和内容分离的设计语言。

关于CSS的一些概述:

    1. 样式定义如何显示HTML 元素
    2. 样式通常存储在样式表
    3. 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
    4. 外部样式表可以极大提高工作效率
    5. 外部样式表通常存储在 CSS文件
    6. 多个样式定义可层叠为一

二.CSS存在的意义

1.精简代码,降低重构难度

      由于网页表现和网页内容分离,代码精简很多,可读性也增强,若需要修改网页布局只需要修改一个CSS文件即可,无需在修改html文件等

2.加快网页访问速度

      使用了CSS布局的网页和与使用Table布局的网页相比,代码精简很多,自然提升了网页加载速度,增加了用户体验度

3.简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓

4.CSS样式表可以极大的提供工作效率

      作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。

三.使用CSS时应注意的几点

1.注意拼写,html中是否网页了结束标签,CSS中是否忘记了"}"等

2.用删除法确定错误代码位置

3.要注意float的一些属性

4.多层样式层叠成一个的层叠次序

当一个html元素被不止一个样式定义,会优先使用一下样式:

  1. 内联样式(在 HTML 元素内部)
  2. 内部样式表(位于 <head> 标签内部)
  3. 外部样式表
  4. 浏览器缺省设置
原文地址:https://www.cnblogs.com/lonzhe/p/3864940.html