CSS即前端三大支柱的第二支柱,可以说是HTML架构了房子的基本骨架,是毛坯房,CSS则是装修,将毛坯房装饰成精装房。
首先,CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css,即(xxxx.css),现在使用的为CSS3,大部分主流的浏览器已经支持CSS3的使用,但不排除有些浏览器内核版本过老导致属性设置失效的可能,后续会讲到,CSS4还在开发当中。
那么CSS具体的意义即
层叠样式表,顾名思义当设置多个同样的名,赋予不同或相同的属性时,不同的定义会叠加应用,相同的应用会根据优先级进行应用
CSS的属性应用需要用到选择器,目前我们常用的选择器有两种,分别为id选择器和class(类)选择器,他们的区别为id是唯一标识一个元素的,在一个文件中只能出现一次并且能够非常精准的找到特定的元素;class 选择器有别于id选择器,class可以在多个元素中使用;
应用规范为:
注:两者甚至后续学习的一些选择器,在命名时,首字符不能为数字
选择器分多种,自然有优先级的区分
优先级:
其中有一个另类标签,即(!important)感叹号也算,为语法中的强调声明,浏览器读取到以后会优先应用有这个标签的属性,但请注意该标签会大量延迟网页加载时间,不推荐使用,在此需要记住三个单词:
Always 要优化考虑使用样式规则的优先级来解决问题而不是 !important
Only 只在需要覆盖全站或外部 css(例如引用的 ExtJs 或者 YUI )的特定页面中使用 !important
Never 永远不要在全站范围的 css 上使用 !important
Never 永远不要在你的插件中使用 !important
css的语法,即使用规范为 p {color:"blue"; font-size:"16px"; }
其中p为选择器,color,font-size为属性,blue,16px为属性值,{}内的整体为声明,即向浏览器声明应用什么格式