CSS选择器

CSS选择器

      • CSS选择器
        • 概述
        • CSS
        • CSS选择器
        • 参考资料

概述

内容是抽象的,必须以某种形式来呈现。其中样式包括很多的内容,下面是一些实例:字体、前景色、背景色、背景图、间距、边框等。HTML在还没有完整形成的时候,有两家企业,Netscape(网景) Navigator、Microsoft(微软) IE,两家公司开始给枯燥的只有文字的网页增加样式,他们增加了大量的样式标签,并且彼此不兼容,程序员为了写一个网页必须给网景和微软各写一套,显然不合理,此时W3C委员会出来,对HTML的标签进行了统一,必须按照W3C的标准来。但是还是存在一个问题:两家公司还是觉得W3C的标准功能太简单,于是出现了HTML 1.0 2.0 3.0 4.0 ,缺点是W3C没有制定具体的实现细节,所以还是存在浏览器的兼容性问题。W3C参考了XML的标准,XML在标准方面有严格的规范,在这种情况下产生了一个严格的版本XHTML(XML+HTML 只是借鉴了XML严格的语法) 1.0 ,再后来还是走向了HTML 5。
问题:XHTML 1.0 对HTML 4.0的改进包含两点

  1. 借鉴了XML的写法,语法更加的严格;
  2. 废弃了HTML 4.0 中的很多标签和属性,将HTML 4 中表示样式的标签和属性,推荐使用CSS来描述或者呈现页面的样式。

XHTML包括两个版本
* 严格版(strict):严格的使用XML语法,并且禁用与样式相关的标签和属性
* 过渡板(transitional):使用严格的XML语法,允许使用废弃的样式标签和属性,但是不推荐使用。

CSS

CSS(Cascade style sheet)级联样式表(单)。

  • 内联样式(样式标签),不要采用此种方式,废弃,只对当前的标签有效。
  • 内部样式,只能在当前页面中使用,也不推荐使用,但是当你全站中只有一个页面用到这个样式,才采用内部样式,但是不要太多,会使得整个html文件变得不好看
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">...</style>
    </head>
</html>
  • 外部样式,基本现在的web都是采用外部引入样式的方法,所有引入其CSS样式的页面都能使用,但是CSS外部文件不要太多。
<link rel="stylesheet" type="text/css" href="x.css" />

CSS样式的优先级

!important > 内嵌样式 > 内部/外部样式 > 浏览器预定义样式

CSS选择器

CSS3在CSS2.1的基础之上将选择器独立出来成为一个模块,CSS中的选择器是CSS的根基,利用CSS可以不改变HTML的结构,通过添加不同的CSS规则就能得到不同样式的网页。
要使某个样式应用于特定的HTML元素,首先应该找到该元素,在CSS中,执行这一任务的表现规则称为CSS选择器

CSS选择器_第1张图片

参考资料

http://www.jpzhu.tech

你可能感兴趣的:(html,css,html5,css3,选择器)