CSS样式表书写顺序

2016-02-19 23:48 4 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐CSS样式表书写顺序,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

整理了一下自己写CSS时的顺序,跟大家分享下。

下表顺序为从上到下,从左到右:
========================
display || visibility
list-style : list-style-type || list-style-position || list-style-image
position
top || right || bottom || left
z-index
clear
float

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

width
max-width || min-width
height
max-height || min-height
overflow || clip
margin : margin-top || margin-right || margin-bottom || margin-left
padding : padding-top || padding-right || padding-bottom || padding-left
outline : outline-color || outline-style || outline-width
border
background : background-color || background-image || background-repeat || background-attachment || background-position

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

color
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
text-overflow
text-align
text-indent
line-height
white-space
vertical-align
cursor

 

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

延伸阅读
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...
标签: Web开发
定义LI前面的小点样式  view plaincopy to clipboardprint? 语法:   list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha...
    CSS(Cascading Style sheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,尤其是在设计者面对有数百个网页的站点时,大大减少了重复劳动的工作量。 W3C(The World Wide...
在学习中遇到问题可以到 论坛 发贴交流! 本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html)...
标签: Web开发
从技术上讲,你可以将样式您想要的位置。 不过, HTML规范的建议,将他们放在文件头标记。 主要的好处是,您的网页加载速度似乎更快一些。 head       title应把所有CSS样式都放在Head Tag - www.webjx.com/title       link rel="s...

经验教程

627

收藏

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