一篇相当老的文章,突然觉得还是很有价值,收藏了吧。 你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。 这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align=”left”等等)束手无策,不知道该转换成对应的什么CSS语句。当你解决了第一种问题,知道了如何结构化你的HTML,我再给出一个列表,详细列出原来的表现属性用什么CSS来代替。 (全文 …) ...
阅读全文[css]Div+CSS网站设计的优点
Div+CSS网站设计的优点 业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处? Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 <DIV>Text</DIV> 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。 DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改, ...
阅读全文[css]CSS2.0盒模型
CSS代码 css的盒子模型已经说了很长的时间了,但是到底什么是盒子呢,看看下面的图就明白了, ?? ?? 盒子在网页中的实际占用宽度=2*margin+2*border+2*padding+width?? 【点击图片放大】 ? ? 附件:box_model.swf(5594 Byte) ...
阅读全文[css]滚动条样式设置
1.overflow内容溢出时的设置 //水平方向内容溢出时的设置 overflow-x //垂直方向内容溢出时的设置 overflow-y 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 //以下七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。 //上下按钮上三角箭头的颜色 scrollbar-arrow-color //滚动条的基本颜色 scrollbar-base-color //立体滚动条强阴影的颜色 scrollbar-dark- ...
阅读全文[css]彻底弄懂CSS盒子模式(DIV布局快速入门)
彻底弄懂CSS盒子模式(DIV布局快速入门) 作者:唐国辉 实例网页网址:http://www.hsptc.com/css2.html 前言 如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要接触到的一个知识点就是CSS的盒子模式,这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的网页代码简洁,更新方便,能兼容更多的浏览器,比如PDA设备也能正常浏览,所以放弃自己之前钟爱的表格排版也是值得的,更重要的是CSS排版网页的优势远远不只这些,本人在这里就不多说,自己可以去查找相关信息。 理解CSS盒子模型 &n ...
阅读全文