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

分享25个CSS网页设计常用技巧

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

标签:分享25个CSS网页设计常用技巧 常用(19)网页设计(881)分享(42)25个(4)因为(16)可能(14)CSS(655)技巧(106)解释(4)
19、在IE中可能因为解释带来的文字重复问题时可以把正文改为: 只定义了一个a:link时, 几种常见的SEO作弊方法 ,一定要记得把其它三种状况定义出来! 当样式表前定义了如p{padding:1px2px3px4px}时, 在后续工程中又增添了一个样式上补白5px,下补白6px。 咱们并不必定要写成p.style1{padding:5px6px3px4px}。 可以写成p.style1{padding-top:5px;padding-right:6px;}, 你可能会感到这样写还不如本来那样好,但你想
分享25个CSS网页设计常用技巧》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233U62013.htm

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

只定义了一个a:link时,几种常见的SEO作弊方法,一定要记得把其它三种状况定义出来!


当样式表前定义了如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的样式也要变。 

20、如何用CSS调用外部字体


Tag:技能   常用   网页设计   分享    

  如果用行高与高度的组在FF中是没有效果的,几个简单而且实用的网站设计技巧,方法就是定义高低补白就可以实现想想的效果了。

.pictures img { 

23、并不是所有样式都要简写:


  <DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”> 

1、ul标签在Mozilla中默认是有padding值的,几个漂亮的Button的CSS代码,而在IE中只有margin有值。 
2、统一个的class选择符可以在一个文档中重复涌现,而id选择符却只能呈现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。
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>,再谈CSS Hack各浏览器兼容问题
15、完善的单象素外框线表格(在IE5、IE6、IE7及FF1.0.4以上中均可通过测试) 以下是援用片断:
table{border-collapse:collapse;} 
td{border:#000 solid 1px;} 
16、margin取负值可以在标签使用相对定位的时候起到相对定位的作用,在页面居中显示时,应用绝对定位的层不合适使用left:XXpx这个属性。把这个层放到一个要绝对定位的标签旁,而后使用margin的负值是个好方式。 
17、绝对定位时使用margin值定位可以到达相对自身所在地位的定,这与top,left等属性相对与窗口边沿的定位不同。绝对定位的上风在于可以让其它元素疏忽它的存在。
18、假如文字过长,则将过长的局部变成省略号显示:IE5,FF无效,但能够暗藏,IE6有效


  当我们定义a{color:red;}时,它代表了A的四种状态的样式,如果此时要定义一个鼠标放上的状态只有定义a:hover就可以了,其它三种状态就是A中所定义的样式。

1)中文字两端对齐:text-align:justify;text-justify:inter-ideograph;

--> [网站建设之]分享25个CSS网页设计常用技巧

filter: alpha(opacity=90); }


5)图片设为半透明:.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}在IE6及IE5测试通过,FF未通过,这是由于这个样式是IE私有的货色;

25、多少个常用到的CSS样式:

3)固定宽度汉字(词)折行:table-layout:fixed; word-break:break-all;(IE5以上)FF不能。

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

22、定义A标签要留神的小问题:


针对FIREFOX 给<embed>,再读《CSS权威指南》; ,内容首页设计的10条经验;标签也增长相似参数wmode=”transparent” 



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

6)FLASH透明:选中swf,翻开原代码窗口,在</object>前输入<param name=”wmode” value=”transparent”> 以上是针对IE的代码。

filter: alpha(opacity=45); } 


  <NOBR>就是比方有一行文字,很长,表格内一行显示不下.</NOBR> 


分享25个CSS网页设计常用技巧

.pictures a:hover img ,内容类网站提高网站粘度的常见方法;{ 


<!–[if !IE]>Put your commentary in here…<,兼容多浏览器的Div高度自动伸展的效果;![endif]–> 






4)<acronym title=”输入要提醒的文字” style=”cursor:help;”>文字</acronym>用鼠标放在前面的文字上看效果。这个效果在国外的良多网站都可以看到,而海内的少又少。 

7)在做网页时常用到把鼠标放在图片上会出现图片变亮的效果,可以用图片调换的技巧,也可以用如下的滤镜




21、如何让一个表单中的文本框中的文字垂直居中?

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


(责任编辑:网站建设)
分享25个CSS网页设计常用技巧相关文章
上一篇:几种常见的SEO作弊方法 下一篇:分享9个网页制作常用技巧
回到顶部