电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

css最常用和实用的技巧VIP免费

css最常用和实用的技巧_第1页
1/5
css最常用和实用的技巧_第2页
2/5
css最常用和实用的技巧_第3页
3/5
第1页共5页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第1页共5页35顶1踩最常用和实用的CSS技巧1.重置浏览器的字体大小重置浏览器的默认值,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案,如果你不想下载9MB的文件,代码如下:Java代码1.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,2.blockquote,th,td{margin:0;padding:0;}3.table{border-collapse:collapse;border-spacing:0;}4.fieldset,img{border:0;}5.address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}6.ol,ul{list-style:none;}7.caption,th{text-align:left;}8.h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}9.q:before,q:after{content:”;}10.abbr,acronym{border:0;}其次,我们重设浏览器字体的大小为10像素,使用如下:Java代码1.html{font-size:62.5%;}这个大小基本合适,然后您可以根据自己的需要调整大小,如标题1为120像素:Java代码1.h1{font-size:2em;}第2页共5页第1页共5页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第2页共5页2.设置水平居中大多数的网站目前都是固定宽度的。CSS代码如下:Java代码1.div#container{margin:0auto;}3.控制位置:绝对位置,相对位置假如有两个divJava代码1.2.
3.
div有left和top属性,是用来定位的.如果内层的div的position属性是absolute.那他就是相对于文档的左上角的位置..如果内层的div(id为son的那个)position属性为relative,那它的left和top值就是相对于外层的div的左上角的距离.4.将重要元素放置在屏幕中央如果你希望将您想要的东西放在最中央,可以使用以下CSS:Java代码1.div.popup{height:400px;width:500px;position:absolute;top:50%;left:50%;}2.div.popup{margin-top:-200px;margin-left:-250px;}您必须明确的指定宽度和高度,再把top和left属性设为他们的一半,这样就可以是这个部分回到屏幕的中心。5.可以重复利用的规则Java代码1..left{float:left;}2..right{float:right;}第3页共5页第2页共5页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第3页共5页3.img.left{border:2pxsolid#aaaaaa;margin:010px00;}4.img.right{border:2pxsolid#aaaaaa;margin:00010px;padding:1px;}设置自己的CSS样式表,就可以在您需要的时候直接的添加标记即可。6.解决IE6的浮动元素的双倍边距问题对一个div设置了float:left和margin-left:100px那么在IE6中,这个bug就会出现。您只需要多设置一个display即可,代码如下:Java代码1.div{float:left;margin:40px;display:inline;}7.简单的导航菜单在您的设计中预设一个导航栏是非常有益的。可以让别人对你网页的主要内容有一个大致的了解。第一次来的XHTML:Java代码1.2.
    3.
  • PeakflowDesign
  • 4.
  • Google
  • 5.
  • ZenHabits
  • 6.
7.
CSS代码:Java代码1.#navbarulli{display:inline;margin:010px00;}2.#navbarullia{color:#333;display:block;float:left;padding:5px;}3.#navbarullia:hover{background:#eee;color:black;}第4页共5页第3页共5页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第4页共5页8.不使用table的form表单正如我们现在进行网站设计的table-free,把重点是放在使用DIVs上。不再对表的列和域进行约束,所以我们需要一些好用的CSS,在JeddHowden.com发现Java代码1.XHTML:2.3.
4.PersonalInformation5.
6.FirstName:7.8.
9.
10.LastName:11.

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

css最常用和实用的技巧

教育教学文库+ 关注
实名认证
内容提供者

本店有大量的教育教学资料,课件

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部