1.css的语法标准
css(Cascading Style Sheets)，中文名称为层叠样式表，主要用于对html的样式设置。
在使用CSS的时候，要注意其优先级情况，优先级由下所示（数字越高，优先级越高）：
- 浏览器缺省设置。（有些HTML标签是自带样式的，但这些样式是浏览器自带，在不同的浏览器中样式也会不同）
- 外部样式表。（指的是在<head></head>标签内，用<link>标签外联的css文件，这种方式也是我们最常用的方式）
- 内部样式表。（也是位于<head></head>标签内，但用的是<style>标签标注）
- 内联样式。（是指在HTML标签内设置style属性的值的形式）
优先级高的样式设置会覆盖优先级低的设置，如果在某些情况下发现css样式设置失败的话，可能是当前操作的有效级太低，而被高级的优先级所覆盖。
例如，我在使用boostrap时，对一个封装的效果不满意，想要改变其背景颜色，用外部样式表设置后发现无法实现。而进行内联样式设置后，又有效果。但是设置内联样式的扩展性太低，想要用外联样式表就实现效果的时候，也是使用以下的方式：
nav {
background-color: aliceblue !important;
}
在要强制声明优先级后面加上!important后，此时该样式的设置优先级就会变得最高，会覆盖所有的样式设置，包括内联样式。
在明白了优先级后，再使用css语法时就能避免一些意想不到的错误，下面总结一些css的语法结构。
css的语法遵循特定的一个结构，如下所示：
所以，只要掌握了css的选择器，和其内部的属性与值的使用，那么就能够玩转css了。
参考文献声明请参考博客内的html5的第一篇。
1.css的语法标准的更多相关文章
- css基本概念与css核心语法介绍
css基本概念 css是什么?不需要了解太多文字类介绍,记住css是层叠样式表,HTML是页面结构,css负责页面样式,javascrt负责静态页面的交互.CSS 能够对网页中元素位置的排版进行像素级 ...
- CSS基础语法（一）
目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 ...
- CSS基本语法（二）
目录 CSS基本语法(二) 八.CSS复合选择器 1.后代选择器** 2.子选择器 3.并集选择器** 4.伪类选择器 链接伪类选择器 :focus伪类选择器 总结 九.CSS的元素显示样式 1.概念 ...
- CSS基本语法（三）
目录 CSS基础语法(三) 十五.CSS定位 1.为什么要使用定位 2.定位组成 定位模式 静态定位 相对定位 绝对定位** 固定定位 粘性定位 边偏移 子绝父相 3.定位的叠放次序 4.拓展 绝对定 ...
- CSS 高级语法 ---- 继承和选择器的分组
1. 选择器的分组 ————————————————————————— 可以对选择器进行分组,被分组的选择器享用共同的声明. h1,h2,h3,h4,h5,h6 { color: green; ...
- 常用的CSS缩写语法一些方法小结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以 ...
- CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到 ...
- css 基本语法及页面引用：
css基本语法: css的定义方法是: 选择器{ 属性:值; 属性:值; 属性:值; } 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性,每个属性有一个或多个值. 如: div{ w ...
- css基本语法及页面引用
css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值.代码示例: div{ w ...
随机推荐
- struts2页面上如何操作字符串
<s:if test="prodName.length()>15"><s:property value='prodName.substring(0,15)' ...
- Codeforces Round #218 (Div. 2) D. Vessels
D. Vessels time limit per test 2 seconds memory limit per test 256 megabytes input standard input ou ...
- 在word中做复选框打对勾钩
在word中做复选框打对勾钩 现在终于搞明白正确的操作方法 一.你在word里输入2610,按alt+X就能出 空checkbox 你在word里输入2611,按alt+X就能出 打了勾的checkb ...
- linux启动init流程(转)
当系统启动时,首先启动内核,内核调用init来完成引导进程.init启动时,它会在/etc/inittab内查找默认的运行级别:如id:2:initdefault:运行/etc/rc.d/init.d ...
- Java中几种常见的排序方式
冒泡排序是一种简单的排序算法.它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来.走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成.这个算法的名字 ...
- PAT1013
#include<cstdio>#include<cstring>#include<vector>using namespace std;const int max ...
- 开源项目：FFmpeg
ffmpeg命令行使用 将JPG格式图片转成YUV420P格式: ffmpeg -i Z:\demo\pic.jpg -s 720x480 Z:\demo\pic.yuv 解码H265成YUV420 ...
- Oracle删除用户和表空间
对于单个user和tablespace 来说, 可以使用如下命令来完成. 步骤一: 删除user drop user ×× cascade 说明: 删除了user,只是删除了该user下的schem ...
- pyrrd 程序
http://elekslabs.com/2013/12/rrd-and-rrdtool-sar-graphs-using-pyrrd.html http://thepiandi.blogspot.j ...
- zedboard如何从PL端控制DDR读写(三)——AXI-FULL总线调试
之前的项目和培训中,都只用到了AXI-Lite或者AXI-Stream,对于AXI-FULL知之甚少,主要是每次一看到那么多接口信号就望而却步了. 现在为了调试DDR,痛下决心要把AXI-FULL弄懂 ...