[css]简明教程样式表的书写格式

2016-01-29 12:05 3 1 收藏

[css]简明教程样式表的书写格式,[css]简明教程样式表的书写格式

【 tulaoshi.com - Html 】

一般来说，样式表的声明分为选择符（selector）和块{}（block），块里包含属性（properties）和属性的取值（value），基本格式如下：

　　选择符 {属性：值}

　　其它格式1：

　　选择符1，选择符2，选择符3 {属性1：值1；属性2：值2；属性3：值3}

　　有时候多个选择符将使用相同的设置，为了简化代码，我们可以一次性为它们设置样式，并在多个选择符之间加上“，”来分隔它们。

　　当有多个属性的时候，必须在两个属性之间用“；”来分隔。

　　其它格式2：

　　选择符1 选择符2 {属性1：值1；属性2：值2；属性3：值3}

　　和格式1非常相似，只是在选择符之间少加了“，”，但作用却大不相同。表示如果选择符2包括的内容同时包括在选择符1里的时候，所设置的样式规则才起作用。

来源:https://www.tulaoshi.com/n/20160129/1484542.html

上一篇：利用JSP建立Web站点
下一篇： PSV《讨鬼传极》坏魂金碎棒讨伐常夜女王演示

看过《[css]简明教程样式表的书写格式》的人还看了以下文章更多>>

CSS样式表最佳习惯

标签： Web开发

大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范，但按照现有标准来使用CSS却还是不无裨益的。一般来说，开发人员应尽可能将内容与结构分离开来。这样做的好处在于： 1：增加站点的寿命不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时...

CSS样式表常用技巧

标签： Web开发

CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 IE ...

CSS样式表教程：浏览器默认样式

标签： Web开发

不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}；不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好，在另外一个浏览器上即使是没有CSS Bug的情况也会...

CSS样式表中的类

标签： Web开发

类为了对网页格式的定义更为精确，有必要让相同的选择符也能分类，并能按照不同的类别来进行不同的样式设计。基本格式如下：选择符.类别名 {属性：值} 类别名将可以在HTML的标识符里引用：标识符 class=类别名网页内容实例：＜html＞＜head＞＜title＞CSS例子＜/title＞＜style type="t...

CSS样式表使用的技巧

标签： Web开发

1、在一个网页中同时调用CSS的多种引入方式在HTML中引入CSS的方式很多，例如直接插入式，使用链接外部样式表，使用CSS"@import"导入样式表以及在内部元素中使用"STYLE"标记来定义样式表等。有网友询问，这些引入方式能不能同时在一个网页中被调用，它们之间会不会产生混乱？其实，我们大可不必这么担心，这就...

查看更多精彩>>