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

2016-02-19 23:49 2 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 怎样做CSS布局呢? CSS文件的链接方式
  1、附加链接:外部CSS文件
  2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

  CSS规则的应用
  1、只有类样式才需要应用,class=xxxx。任何元素都可以应用类。
  2、class与id的区别
  3、标签应用一般对于body标签一次性使用,对于诸如li、td等在页面中重复性比较大的标签不推荐定义。
  4、高级多运用,定义#id li比定义li要好得多。

  CSS规则的执行顺序
  1、按照CSS代码的执行先后顺序
  2、如果有重复的规则,按照后执行的定义
  3、最终规则是多个定义规则的综合

  重点:高级规则定义
  1、对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)
  2、一页中的多种超级链接样式定义
  3、多个相同规则不同对象的CSS共同定义
  4、对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)

来源:http://www.tulaoshi.com/n/20160219/1630717.html

延伸阅读
标签: Web开发
CSS官方站点 CSS Recommendations http://www.w3.org/TR/REC_CSS1 http://www.w3.org/TR/REC_CSS2 CSS在线中心 w3c CSS Activity page http://www.w3.org/style/css 指向css的规范,思路,以及css的相关站点,有好多有用资料 CSS错误检测站点 w3c CSS Test Suite http://www.w3.org/style/css/test 提供用于测试css实现的相当完整的...
标签: Web开发
CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二.常用类/ID命名规范 页 眉:header 内 容:content 容 器:container 页 脚:footer 版 权:copyright 导 航:menu 主导航:mainMenu 子导航:subMenu 标 志:Logo...
下面这些都是使用CSS3制作的网页动画演示,通过这些内容可以了解CSS3的强大,此外部分动画结合了Javascript脚本来运行,其中有些演示内容是十分有用的,可以应用在网页制作中,而且大多数演示功能看起来很帅,不过如果要浏览这些演示效果的话可能最好别用IE浏览器(作者原话:)) 1.使用jQuery的CSS3时钟 2.模拟时钟 3.使用方向键旋转的3D盒...
标签: Web开发
加入收藏夹代码 a href="javascript:window.external.AddFavorite('http://url/','站点名称')" ie地址栏图标 link rel="icon" href="favicon.ico" type="image/x-icon" / link rel="shortcut icon" href="favicon.ico" type="image/x-icon" / 把名为 favicon.ico 大小 16X16 的图标放到网页的根目录 长度自适应的div 嵌套DIV:父DIV的高度不能...
标签: flash教程
Java编程规则 包含了大量有用的建议,帮助大家进行低级程序设计,并提供了代码编写的一般性指导,鉴于AS2.0与Java的相似性,很多建议对As2.0同样有效,特摘选部分,希望对大家有所帮助: (1) 类名首字母应该大写。字段、方法以及对象(句柄)的首字母应小写。对于所有标识符,其中包含的所有单词都应紧靠在一起,而且大写中间单词的首...

经验教程

864

收藏

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