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

2016-01-29 12:05 13 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里的时候,所设置的样式规则才起作用。

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

延伸阅读
标签: Web开发
大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与结构分离开来。这样做的好处在于: 1:增加站点的寿命 不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时...
标签: Web开发
CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次;对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效。 · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE ...
标签: Web开发
不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}; 不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会...
标签: Web开发
  1、在一个网页中同时调用CSS的多种引入方式     在HTML中引入CSS的方式很多,例如直接插入式,使用 链接外部样式表,使用CSS"@import"导入样式表以及在内部元素中使用"STYLE"标记来定义样式表等。有网友询问,这些引入方式能不能同时在一个网页中被调用,它们之间会不会产生混乱?其实,我们大可不必这么担心,这就...
标签: Web开发
类 为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计。基本格式如下: 选择符.类别名 {属性:值} 类别名将可以在HTML的标识符里引用: 标识符 class=类别名网页内容 实例: <html> <head> <title>CSS例子</title> <style type="t...

经验教程

600

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部