CSS概述、工作原理和基本语法

CSS是什么

概述

CSS 是 Cascading Style Sheets(层叠样式表)的简称。
前面已经提到html语言是超文本标记语言,相比较普通文本,html文档使网页有丰富的表现力,css也是一种标记语言,它的作用是进一步提高网页的表现力。

  • CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行。
  • CSS负责网页的表现,解决网页内容与表现分离的问题
  • CSS可以作为外部样式表通常存储在 CSS 文件中
  • 通过引用同一个CSS 文件,可以同时控制多重页面的样式和布局,提高工作效率
  • CSS允许多重样式定义,浏览器会按照优先级渲染

新手理解HTML、CSS、javascript之间的关系

CSS的版本

目前的CSS版本有CSS1,CSS2,CSS3。
CSS2已经得到了大部分浏览器的支持。
CSS3得到了IE9(IE9部分支持)以上Chrome,Firefox,Safari,Opera的支持。
如果说HTML的发展是一个不断修改的过程,那么CSS的发展就是一个不断补充的过程,所以在使用CSS的时候,不需要像HTML那行申明使用的标准,高版本的浏览器认识高版本的CSS定义,低版本的浏览器略过不认识的CSS定义。

css的工作原理

浏览器CSS匹配不是从左到右进行查找,而是从右到左进行查找。

DIV#divBox p span.red{color:red;},

以上代码浏览器的查找顺序如下:先查找 html 中所有 class=’red’ 的 span 元素,找到后,再查找其父辈元素中是否有p元素,再判断p的父元素中是否有 id 为 divBox 的 div 元素,如果都存在,则 CSS 匹配上。

浏览器从右到左进行查找的好处是为了尽早过滤掉一些无关的样式规则和元素。Firefox 称这种查找方式为 keyselector(关键字查询),所谓的关键字就是样式规则中最后(最右边)的规则,上面的 key 就是 span.red。

css怎么写

1、css写在哪里

2、css的语法

css选择器
层叠的优先级
注释

css3的新特性

3、CSS优化

猜你喜欢

转载自blog.csdn.net/dreamingbaobei3/article/details/87932329
今日推荐