经验共享:网页技术CSS样式表网页布局经验

css|网页|样式表

1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.

2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效.

3.一个兼容性调整(IE和Mozilla)的笨办法:

初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来.

临时解决方法:

选择符 {属性名:B !important ; 属性名:A;}

4.如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的margin属性吧,而不要去定义位于外面的标签的padding

5.li 标签前面的图标推荐使用background-image 而不是list-style-image

6.IE分不清继承关系和父子关系的差别,全部都是继承关系.

7.在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注释. 等你以后修改你的CSS的时候就知道为什么要这么做了.

8.如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果.建议这个时候给你的标签再设置一个深色调的背景颜色.

9.定义链接的四种状态要注意先后顺序: Link Visited Hover Active

10.与内容无关的图片请使用background

11.定义颜色可以缩写#8899FF = #89F

12.table 在某些方面比其它标签表现的要好的多.请在需要列对齐的地方用它

13.<script>没有language这个属性,应该写成这样:
<script type="text/javascript">

14.标题是标题,标题的文字是标题的文字.有时候标题不一定需要显示文字,所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>

15.完美的单象素外框线表格

table {border-collapse:collapse;}
td {border:#000 solid 1px;}

16.margin取负值可以在标签使用绝对定位的时候起到相对定位的作用,在页面居中显示时,使用绝对定位的层不适合使用left:XXpx这个属性. 把这个层放到一个要相对定位的标签旁,然后使用margin的负值是个好方法.

17.绝对定位时使用margin值定位可以达到相对于本身所在位置的定,这与top,left等属性相对与窗口边缘的定位不同.绝对定位的优势在于可以让其它元素忽略它的存在.

18.中英文两端对齐样式(IE6,IE5中英文通过,FF中文失效)
text-align:justify;
text-justify:inter-ideograph;

时间: 2025-01-20 13:25:26

经验共享:网页技术CSS样式表网页布局经验的相关文章

学习网页技术CSS样式表整理的20个技巧

css|技巧|网页|样式表 1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif

学习网页技术CSS样式表整理的6个技巧

1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错!只有一点

网页添加CSS样式表的四种方式

核心提示:网页添加CSS样式表的四种方式 一.使用STYLE属性: 将STYLE属性直接加在个别的元件标签里. <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二

入门知识:介绍学习网页技术CSS样式的方法

css|网页 从开始认识CSS(DW4)那时起,我就知道了CSS的强大,但从未用CSS排版过,因为我曾经尝试过学习,但感觉太难了 而且用DW的表格,所见及所得,做起页面来非常的快,排版也容易的多,由于最近求职,很多公司都要求DIV,CSS,所以我再次尝试学习 1.学习方式 我以为,看别人的代码是一个非常好的学习方式(前提是你需要有点基础知识),在查看别人的代码时可以去除一些重复的,或者一些于CSS无关的代码,将更利于我们分析,你可以从中了解到别人是怎么做的,更深一点,你可以考虑为什么要这样做,当

学习网页标准CSS样式表设置的10条技巧

css|标准|技巧|网页|样式表 1.CSS 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性: font: 1em/1.5em bold italic small-caps verdana,serif 现在好多

学习网页技术CSS样式颜色属性的使用

css|网页 css可以处理16,777,216颜色,可以使用名字.rgb值或十六进制代码. red红色等同于rgb(255,0,0)等同于rgb(100%,0%,0%)等同于#ff0000等同于#f00 有17个预先确定的颜色,它们是: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow. transpar

网页制作入门教程:关于css样式表

关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html). 2.会使用Dreamweaver等常用的网页编辑器. Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单.更方便.本教程教你如何利用Dreamweaver8在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS.不过首先

CSS入门:关于css样式表

css|样式表 这些教程是我整理的,参考小雨css 2.0手册,hve && Star Ocean得css手册,还有网上的一些资源, 关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html).2.会使用Dreamweaver等常用的网页编辑器. Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单.更方便.本教程教你如何利用Drea

基础——关于CSS样式表

css|样式表 关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html).2.会使用Dreamweaver等常用的网页编辑器. Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单.更方便.本教程教你如何利用Dreamweaver8在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用C