厂商 :上海永创科技有限公司
上海 上海- 主营产品:
- 网站建设
- 网站优化
联系电话 :18721510239
商品详细描述
康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。电话:1872151o239(王)
qq:1434283712.
CSS的十八般技巧
最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很
好的把持CSS,影响CSS的效率施展。我来分析总结一下错误所在,
帮助大家更加轻易应用CSS。本文总结了我开端应用CSS布局方法以
来所有的技巧和兼容计划,我
最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很
好的把持CSS,影响CSS的效率施展。我来分析总结一下错误所在,
帮助大家更加轻易应用CSS。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
本文总结了我开端应用CSS布局方法以来所有的技巧和兼容计划,我
愿意把这些与你分享,我会重点说明一些新手轻易犯的错误(包含我
自己也犯过的),假如你已经是CSS高手,这些经验技巧可能已经都
知道,假如你有更多的,盼看可以帮我补充。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
一.应用css缩写
应用缩写可以帮助减少你CSS文件的大小,更加轻易浏览。css缩写
的重要规矩请参看《Link Specificity》。
假如你的用户需要用键盘来把持,需要知道当前链接的焦点,你还
可以定义:focus属性。:focus属性的后果也取决与你书写的地位,
假如你盼看聚焦元素显示:hover后果,你就把:focus写在:hover前
面;假如你盼看聚焦后果调换:hover后果,你就把:focus放
在:hover后面。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
十三.清除浮动
一个非经常见的CSS标题,定位应用浮动的时候,下面的层被浮动的
层所笼罩,或者层里嵌套的子层超出了外层的范畴。
通常的解决措施是在浮动层后面添加一个额外元素,例如一个div或
者一个br,并且定义它的样式为clear: both。这个措施有一点牵强
,荣幸的是还有一个好措施可以解决,参看这篇文章《Simple
Clearing of Floats》,又在《Clearance》和《Super ***
clearing floats》中被广泛讨论。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
上面那一种clear方法更合适你,要看具体的情况,这里不再展开论
述。另外关于float的利用,一些优良的文章已经说得很明白,推荐
你浏览:《Floatutorial》、《Containing Floats》和
《centricle’s css filter chart》
十六.针对IE的优化
有些时候,你需要对IE浏览器的bug定义一些特别的规矩,这里有太
多的CSS技巧(hacks),我只应用其中的两种方法,不管微软在即将
宣布的IE7 beta版里是否更好的支撑CSS,这两种方法都是最安全的
。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
1.注释的方法 (a)在IE中暗躲一个CSS定义,你可以应用子选择器
(child selector):
html>body p {
/* 定义内容 */
} (b)下面这个写法只有IE浏览器可以懂得(对其他浏览器都暗躲)
* html p {
/* declarations */
} (c)还有些时候,你盼看IE/Win有效而IE/Mac暗躲,你可以应用"
反斜线"技巧:
/* \*/
* html p {
declarations
}
/* */ 2.条件注释(conditional comments)的方法 另外一种方法,
我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件
注释(conditional comments)。用这个方法你可以给IE单独定义一
些样式,而不影响主样式表的定义。就象这样:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
十七.调试技巧:层有多大?
当调试CSS产生错误,你就要象排版工人,逐行分析CSS代码。我通
常在出标题的层上定义一个背景色彩,这样就能很明显看到层盘踞
多大空间。有些人建议用border,一般情况也是可以的,但标题是
,有时候border 会增加元素的尺寸,border-top和boeder-bottom
会损坏纵向margin的值,所以应用background更加安全些。
康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
另外一个经常出标题的属性是outline。outline看起来象boeder,
但不会影响元素的尺寸或者地位。只有少数浏览器支撑outline属性
,我所知道的只有Safari、OmniWeb、和Opera。
十八.CSS代码书写样式
在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书
写习惯。在经过不断实践后,我决定采用下面这样的书写样式:
selector1,
selector2 {
property:value;
} 当应用联合定义时,我通常将每个选择器单独写一行,这样方便
在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空
格,每个定义也单独写一行,分号直接在属性值后,不要加空格。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
我习惯在每个属性值后面都加分号,固然规矩上答应最后一个属性
值后面可以不写分号,但是假如你要加新样式时轻易忘记补上分号
而产生错误,所以还是都加比拟好。
最后,封闭的大括号}单独写一行。
空格和换行有助与浏览。
康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
网站优化、网站建设案例
上海网站优化 http://www.fy17.cn
上海百度优化 http://www.baidu2012.com
上海办公室装修 http://www.bangongzhuangxiu.com
上海办公室装修 http://www.xd-zhuangxiu.com
上海装修公司 http://www.yh-sea.cn
上海铁艺 http://www.yayantieyi.com
上海铁艺 http://www.chengyimc.com
上海永创网络
联系人:王先生,范先生
手机:18721510239(王),158OO59O343(范)
电话:021-51795990
http://www.fy17.cn , http://www.baidu2012.com
qq:1434283712 , 1251216886
E-mail: 1434283712@qq.com
地址:上海年家浜路526号1104
qq:1434283712.
CSS的十八般技巧
最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很
好的把持CSS,影响CSS的效率施展。我来分析总结一下错误所在,
帮助大家更加轻易应用CSS。本文总结了我开端应用CSS布局方法以
来所有的技巧和兼容计划,我
最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很
好的把持CSS,影响CSS的效率施展。我来分析总结一下错误所在,
帮助大家更加轻易应用CSS。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
本文总结了我开端应用CSS布局方法以来所有的技巧和兼容计划,我
愿意把这些与你分享,我会重点说明一些新手轻易犯的错误(包含我
自己也犯过的),假如你已经是CSS高手,这些经验技巧可能已经都
知道,假如你有更多的,盼看可以帮我补充。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
一.应用css缩写
应用缩写可以帮助减少你CSS文件的大小,更加轻易浏览。css缩写
的重要规矩请参看《Link Specificity》。
假如你的用户需要用键盘来把持,需要知道当前链接的焦点,你还
可以定义:focus属性。:focus属性的后果也取决与你书写的地位,
假如你盼看聚焦元素显示:hover后果,你就把:focus写在:hover前
面;假如你盼看聚焦后果调换:hover后果,你就把:focus放
在:hover后面。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
十三.清除浮动
一个非经常见的CSS标题,定位应用浮动的时候,下面的层被浮动的
层所笼罩,或者层里嵌套的子层超出了外层的范畴。
通常的解决措施是在浮动层后面添加一个额外元素,例如一个div或
者一个br,并且定义它的样式为clear: both。这个措施有一点牵强
,荣幸的是还有一个好措施可以解决,参看这篇文章《Simple
Clearing of Floats》,又在《Clearance》和《Super ***
clearing floats》中被广泛讨论。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
上面那一种clear方法更合适你,要看具体的情况,这里不再展开论
述。另外关于float的利用,一些优良的文章已经说得很明白,推荐
你浏览:《Floatutorial》、《Containing Floats》和
《centricle’s css filter chart》
十六.针对IE的优化
有些时候,你需要对IE浏览器的bug定义一些特别的规矩,这里有太
多的CSS技巧(hacks),我只应用其中的两种方法,不管微软在即将
宣布的IE7 beta版里是否更好的支撑CSS,这两种方法都是最安全的
。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
1.注释的方法 (a)在IE中暗躲一个CSS定义,你可以应用子选择器
(child selector):
html>body p {
/* 定义内容 */
} (b)下面这个写法只有IE浏览器可以懂得(对其他浏览器都暗躲)
* html p {
/* declarations */
} (c)还有些时候,你盼看IE/Win有效而IE/Mac暗躲,你可以应用"
反斜线"技巧:
/* \*/
* html p {
declarations
}
/* */ 2.条件注释(conditional comments)的方法 另外一种方法,
我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件
注释(conditional comments)。用这个方法你可以给IE单独定义一
些样式,而不影响主样式表的定义。就象这样:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
十七.调试技巧:层有多大?
当调试CSS产生错误,你就要象排版工人,逐行分析CSS代码。我通
常在出标题的层上定义一个背景色彩,这样就能很明显看到层盘踞
多大空间。有些人建议用border,一般情况也是可以的,但标题是
,有时候border 会增加元素的尺寸,border-top和boeder-bottom
会损坏纵向margin的值,所以应用background更加安全些。
康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
另外一个经常出标题的属性是outline。outline看起来象boeder,
但不会影响元素的尺寸或者地位。只有少数浏览器支撑outline属性
,我所知道的只有Safari、OmniWeb、和Opera。
十八.CSS代码书写样式
在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书
写习惯。在经过不断实践后,我决定采用下面这样的书写样式:
selector1,
selector2 {
property:value;
} 当应用联合定义时,我通常将每个选择器单独写一行,这样方便
在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空
格,每个定义也单独写一行,分号直接在属性值后,不要加空格。康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
我习惯在每个属性值后面都加分号,固然规矩上答应最后一个属性
值后面可以不写分号,但是假如你要加新样式时轻易忘记补上分号
而产生错误,所以还是都加比拟好。
最后,封闭的大括号}单独写一行。
空格和换行有助与浏览。
康桥门户网站建设,周浦门户网站建,康桥/周浦商城网站建设。
网站优化、网站建设案例
上海网站优化 http://www.fy17.cn
上海百度优化 http://www.baidu2012.com
上海办公室装修 http://www.bangongzhuangxiu.com
上海办公室装修 http://www.xd-zhuangxiu.com
上海装修公司 http://www.yh-sea.cn
上海铁艺 http://www.yayantieyi.com
上海铁艺 http://www.chengyimc.com
上海永创网络
联系人:王先生,范先生
手机:18721510239(王),158OO59O343(范)
电话:021-51795990
http://www.fy17.cn , http://www.baidu2012.com
qq:1434283712 , 1251216886
E-mail: 1434283712@qq.com
地址:上海年家浜路526号1104
相关产品推荐
- 浦东网页设计,长宁网页设计,松江网页设计,金山网页设计
- 七宝网页设计,周浦网页设计,康桥网页设计,九亭网页设计
- 浦江网络公司,航头网络公司,吴泾网络公司,金汇网络公司浦江网络公
- 新场电脑维修,宣桥电脑维修,六灶电脑维修,惠南电脑维修新场电脑维
- 四团电脑维修,奉城电脑维修,青村电脑维修,海湾电脑维修四团电脑维
- 青村网络工程,浦东网络工程,四团网络工程,奉城网络工程青村网络工
- 华泾电脑维修,三林电脑维修,北蔡电脑维修,张江电脑维修华泾电脑维
- 浦东网页设计,青村网页设计,奉城网页设计,四团网页设计浦东网页设
- 闵行电脑维修,奉贤电脑维修,南汇电脑维修,浦东电脑维修闵行电脑维
- 梅陇电脑维修,马桥电脑维修,七宝电脑维修,莘庄电脑维修梅陇电脑维