CSS网页布局中的常见规则

开发 前端
CSS网页布局的一些常见规则你是否了解,这里和大家分享一下,主要包括CSS文件的链接方式,CSS规则的应用以及执行顺序等内容。

CSS网页布局有很多值得学习的地方,那么你对CSS中的常见规则是否熟悉呢,这里向大家简单描述一下,相信本文介绍一定会让你有所收获。

CSS入门:CSS网页布局的一些常见规则

CSS文件的链接方式

1、附加链接:外部CSS文件

2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

CSS规则定义有三种

1、类比如“.RedText”、“.BlueText”和“.BigText”等等

2、标签针对原有HTML标签做的重新CSS定义

3、高级伪类、定义了ID的元素,以及综合性定义

CSS规则的应用

1、只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。

2、class与id的区别

3、标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。

4、高级多运用,定义“#idli”比定义“li”要好得多。

CSS规则的执行顺序

1、按照CSS代码的执行先后顺序

2、如果有重复的规则,按照后执行的定义

3、最终规则是多个定义规则的综合

重点:高级规则定义

1、对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)

2、一页中的多种超级链接样式定义

3、多个相同规则不同对象的CSS共同定义

4、对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)

【编辑推荐】

  1. CSS中id与class使用原则
  2. CSS中hack和注释书写规范
  3. 专家推荐三大“***”CSS技巧!
  4. 探究网页布局中CSS无效的十个常见原因
  5. DIV CSS初学者必须掌握的10个问题与技巧

 

责任编辑:佚名 来源: 52css.com
相关推荐

2010-08-27 09:51:25

idclassCSS

2010-09-01 09:15:50

DIVCSS

2010-08-23 15:22:56

CSSfloat

2010-08-16 14:18:49

DIV+CSS

2010-09-14 15:24:49

CSSIDClass

2010-09-01 08:58:58

2010-09-09 10:56:56

CSS

2010-09-03 15:59:19

DIV CSS

2010-08-27 16:03:14

CSS布局

2010-09-01 13:55:14

CSS

2010-08-23 13:59:32

DIV CSSmarginpadding

2010-08-24 15:31:51

DIVCSS

2010-09-02 09:32:09

DIV CSS

2010-09-01 11:29:04

CSS

2011-06-16 17:05:54

CSS

2010-09-10 10:36:30

DIV CSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-09-02 10:35:51

DIV+CSS

2010-09-01 15:16:47

CSSIEFirefox

2010-08-16 12:54:53

DIVCSS
点赞
收藏

51CTO技术栈公众号