当前位置: 网站建设 > 网页设计 > 建站经验 >

实战中总结出来的CSS常见问题及解决办法

时间:2013-03-02 04:01来源:未知 作者:admin 点击:

标签:实战中总结出来的CSS常见问题及解决办法 办法(18)解决(48)总结(38)实战(7)常见问题(12)出来(4)Tag(145)CSS(655)
Tag:解决 措施 常见问题 总结 出来 实战 解决 方法 常见问题 总结 出来 实战 十四、完善的单象素外框线表格(在IE5、IE6、IE7及FF1.0.4以上中均可通过测试) 二十三、网站越大,CSS样式越多,开端做前,请做好充足的筹备和谋划,包含命名规矩。页面区块划分,内部样式分类等。 十九、如何用CSS调用外部字体 语法: @font-face{font-family:name;src:url(url);sRules} 取值: name:字体名称。任何可能的 font-family 属性的值 ur
实战中总结出来的CSS常见问题及解决办法》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023412R013.htm
Tag:解决   措施   常见问题   总结   出来   实战     解决   方法   常见问题   总结   出来   实战    

十四、完善的单象素外框线表格(在IE5、IE6、IE7及FF1.0.4以上中均可通过测试)

二十三、网站越大,CSS样式越多,开端做前,请做好充足的筹备和谋划,包含命名规矩。页面区块划分,内部样式分类等。

十九、如何用CSS调用外部字体
语法:
@font-face{font-family:name;src:url(url);sRules}
取值:
name:字体名称。任何可能的 font-family 属性的值
url(url):使用绝对或相对 url 地址指定OpenType字体文件
sRules:样式表定义

<!–[if !IE]>,实例讲解如何提高百度关键词质量度;Put your commentary in here…<![endif]–>

十、与内容无关的图片请使用background。时刻记住表示与内容分别。

二十四、固定宽度汉字截断:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不外只能处置文字在一行上的截断,不能处理多行。)(IE5以上)FF不能,它只隐蔽。

十六、绝对定位时使用margin值定位可以到达相对自身所在地位的定位,这与top,left等属性相对与窗口边沿的定位不同。绝对定位的上风在于可以让其它元素疏忽它的存在。

--> [网站建设之]实战中总结出来的CSS常见问题及解决办法

二十二、并不是所有样式都要简写:
当样式表前定义了如p{padding:1px 2px 3px 4px}时,在后续工程中又增添了一个款式上补白5px,下补白6px。咱们并不必定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感到这样写还不如原来那样好, 但你想没想过,你的那种写法重复定义了样式,另外你可以不用去找本来的下补白与左补白的值是多少!如果当前前一个样式P变了话,你定义的p.style1 的样式也要变。

三、一个兼容性调剂(IE和Mozilla)的笨办法:
初学可能会遇到这样一个情形:同样一个标签的属性在IE设置成A显示是畸形的,而在Mozilla里必需要设成B才干正常显示,或者两个倒过来。
常设解决方法:选择符{属性名:B !important;属性名:A} 或者有时候并没有效果。你可以在www.aa25.cn搜寻更多的BUG解决办法。

十二、table在某些方面仍是有用武之地的,在碰到内容为数据表格时,不要对它发生仇恨的心理。

八、假如你给一个标签设置了一个深色调的背景图片跟亮色调的文字后果。倡议这个时候给你的标签再设置一个深色调的背景色彩。由于图片丧失了,也能够坚持文字的可读性。

二、统一个的class挑选符可以在一个文档中重复涌现,而id取舍符却只能呈现一次。对一个标签同时应用class和id进行CSS定义,如果定义有反复,id抉择符做的定义有效,是因为id的权主要比class大。

二十、如何让一个表单中的文本框中的文字垂直居中?
如果用行高与高度的组在FF中是没有效果的,办法就是定义高低补白就可以实现想想的效果了。

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

五、li标签前面的图标推举使用background-image,而不是list-style-image。

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

十三、<script>不language这个属性,应当写成这样:<script type=”text/javascript”>

九、定义链接的四种状态要留神先后次序: Link Visited Hover Active

十一、定义颜色可以缩写#8899FF=#89F

七、在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注解。等你以后修正你的CSS的时候就晓得为什么要这么做了。另外提示你,不要太猖狂了。

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

<,实例解析如何分析服务器日志;DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”>
<NOBR>就是比方有一行文字,实例操作利用百度分享让你的网站快速收录,很长,表格内一行显示不下.<,实例分析网站降权到恢复过程;/NOBR>

一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值,实例分析电子商务网站运营难题

十七、如果文字过长,则将过长的局部变成省略号显示:IE5,FF无效,但可以暗藏,IE6有效

十八、在IE中可能因为解释带来的文字重复问题时可以把正文改为:

六、IE分不清继续关联和父子关系的差异,全体都是继承关系。

二十一、定义A标签要注意的小问题:
当我们定义a{color:red;}时,它代表了A的四种状态的样式,如果此时要定义一个鼠标放上的状态只有定义a:hover就可以了,其它三种状况就是A中所定义的样式。只定义了一个a:link时,一定要记得把其它三种状态定义出来!


(责任编辑:网站建设)
实战中总结出来的CSS常见问题及解决办法相关文章
上一篇:实例讲解如何提高百度关键词质量度 下一篇:实战讲解影响网站排名下降的两大因素
回到顶部