学习WEB标准总结的一些CSS/XHTML知识小结_Css

15、在层次比较多的时候，如何更好的给class命名？举例如下：

这是我刚给你做的页面中，层次多的时候，使用的命名方式是不太好的。我现在才反映过来。
应该简化为：

为什么呢？为什么不怕right和list2会重复？
因为我们前面是有路径的。
.index #maincontent 下面的 right
.index #maincontent .right下面的 list2
所以是不会重复的！~就没必要
.maincontent_right .maincontent_list2
非在前面加个maincontent了！
16、对于兼容性，我的感受是，尽量把东西写正规一些，就不会经常出现兼容性问题。
比如ff下默认字体和ie不一样，但如果我们在开始的时候就定义了字体，就不会看起来不一样了。
ff下很多东西的padding和ie不一样，但我们事先定义了padding为0，所以也会没事。

17、类似a标签，或者其它 span等。如果不定义width的话，那么默认就100%宽。如下：

如果我们设置了 a{float:left}后，他们三个会在一排显示，并且100%宽，变成自适应的宽，也就是里面有多少字符，就撑多大。
这个细节，在处理滑动门效果的时候，比较有用。

18、什么是滑动门。

简单的说是一组按扭，每个按扭中的文字长度不一定。我又不想单独切每个按扭的背景色，所以就使用滑动门效果。让其可以自适应。
下面是一个例子：

这里设置了两个背景。 b01 是按扭的左面部分（包括中间），切的时候，切大一些。b02是按扭右部分（不包括中间）

把b02设置为不重复，水平居右。这样一个可自动伸缩的滑动门就做好了。

19、这种情况下必须设置height

list_title是个div，因为基于前面讲的“能不给box 设置height和width就尽量不设置”的原则，我们没有给list_title设置高度，希望通过其下面的span将其撑开。

但因为list_title本身是没有高度的，所以也就不会显示background。

结果就是list_title的背景显示不出。所以必须设置个height，height:38px;
但width就没必要设置了，因为div默认的width是100%(好象所有可以设置width的元素，默认width都是100%)
20、提前设置ul{list-style-type:none;} 居然是无效的~~

难道必须在每个ul中写list-style-type:none;

css display:none使用注意事项小结

1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获... [阅读全文]

shtml精简教程让你知道什么是shtml

目前，主要有以下几种用用途：　　1、显示服务器端环境变量　　2、将文本内容直接插入到文档中　　3、显示web文档相关信息(如文件制作日期/大小等)　　4、直接执... [阅读全文]

Firefox下样式设置宽度奇怪现象

页面中有一个数据列表，是table，放在一个div窗口中，结构如下：给 container 设置了样式 #container {width:100%; mar... [阅读全文]

用好href的target属性

众所周知，href的target有四个属性，分别是：_blank,_self,_parent,_top，这四个各自代表的意思也不多说了，网上一搜一大片，这里想说... [阅读全文]

html工作中表格<tbody>标签的使用技巧

在做页面的时候，经常要根据不同的操作来显示或隐藏一个表格中的部分内容，隐藏一行直接用<tr>标签，隐藏多行时用<tbody>就很方便。 ... [阅读全文]

Lesson03_02 样式规则选择器

样式规则选择器作者:loncer 更多学习资源尽在:wwww.loncer.cnhtml selector 就是html标签做为selector,这样在所有cs... [阅读全文]


验证码：

验证码：

学习WEB标准总结的一些CSS/XHTML知识小结

2024年05月19日 • Css •我要评论

相关文章:

发表评论