前端/HTML/Css
chasemars
这个作者很懒,什么都没留下…
展开
-
四、推荐base.css(可能部分修改)
学习《编写高质量代码--Web前端开发修炼之道》/* CSS Document *//*css reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{ border-co原创 2011-11-22 16:07:55 · 572 阅读 · 0 评论 -
一、前期理论
学习 《编写高质量代码--Web前端开发修炼之道》一、网站重构Web标准--结构、样式和行为分离a.结构(Xml/Xhtml/Html),样式(Css),行为(Dom/ECMAScript)b.标准网页:标签名全部小写,属性加引号,样式和行为不在夹在标签中二、团队合作1.制定规范2.公共组件和私有组件分开3.必要的注释不能少(原创 2011-11-22 15:46:10 · 349 阅读 · 0 评论 -
二、高质量的CSS
学习《编写高质量代码--Web前端开发修炼之道 》1.组织CSSa.按功能(颜色color.css/布局layout.css)b.按区块(头部head.css/底部foot.css/侧边栏sidebar.css/主体main。css)c.按重用性(基本base.css/公共common.css/详细页page.css)2.base.css说明a.".fl"和原创 2011-11-22 15:48:14 · 522 阅读 · 0 评论 -
三、水平居中问题
学习 《编写高质量代码--Web前端开发修炼之道》不确定宽度的块级元素的水平居中方法一ul{list-style:none; margin:0; padding:0;}.wrap{ background:#000; width:500px; height:100px;}.test{ clear:both; padding-top:5px; float:left; po原创 2011-11-22 15:50:26 · 357 阅读 · 0 评论 -
Css小技巧(持续更新)
1.友情链接里面常用到white-space: nowrap; /*规定段落中的文本不进行换行*/注:友情链接由于关键词长度不一,无法设置固定宽度,所以一般设置为左浮动,但是可能一行的最后一个链接被分成上下两部份。nowrap可设置文本不进行换行。原创 2011-11-22 16:18:56 · 296 阅读 · 0 评论