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

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

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

【 tulaoshi.com - Web开发】

　怎样做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、高级多运用，定义#id li比定义li要好得多。

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

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

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

上一篇： CSS Sprite操作:用CSS处理圆角
下一篇： QQ号被盗怎么办?

看过《CSS网页布局的一些常见规则》的人还看了以下文章更多>>

css学习的一些心得

标签： Web开发

其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断...

一些有用的CSS资源

标签： 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实现的相当完整的...

看看CSS3制作的一些网页演示效果

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

下面这些都是使用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的高度不能...

css的一些基础的东西

标签： Web开发

1. css导入：第一种是把CSS文档放到head文档中： style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。第二种方法是把CSS样式表写在HTML的行内，比如下面的代码： p style=“font-size：14pt；color：blue”蓝色14号文字/p ...

查看更多精彩>>