div+css标签说明大全

div+css标签说明大全

ID:14165600

大小:42.00 KB

页数:7页

时间:2018-07-26

div+css标签说明大全_第1页
div+css标签说明大全_第2页
div+css标签说明大全_第3页
div+css标签说明大全_第4页
div+css标签说明大全_第5页
资源描述:

《div+css标签说明大全》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、DIVCSS一.为什么现在网站不使用table布局,而使用div,css?A.比TABLE排版更简洁明了,更改更加简单了.在CSS中更改就可以了B.速度更快了,现在对比来讲效率更加快速的显示网站内容.C.随着IE的升级,越来越支持CSS高版本D.搜索引擎亲和力:搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?凭我自己的经验,一般来说,table构

2、架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。E.重构页面的方便性这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。内容和样式的分离导致我们在重构页面布局(更换皮肤)的时

3、候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.关于韩国风格网站难用div描述的问题,我个人认为在web2.0的大军冲击下,韩国的花哨流派很快会被简约派所代替。如果确实是优秀的设计,我个人认为用Flash来完成更好!二.Css的引用方式1.CSS的内部引用,内部引用在代码很多的时候不便于日后修改2.style标签应该在head标签内部3.CSS的外部引用A.link例如:

4、stylesheet’href=’b.css’>B.@import)例如:;建议:Link标签代替@imort标签能带来性能上的收益;@import规则有可能导致白屏现象;使用@import会导致组件下载的无序性。”三.Css常用属性CSS常用属性:字体属性:(font)大小font-size:x-large;(特大)xx-small;(极小)一般中文用不到,只要用数值就可以,单位:PX、PD样式font-style:oblique;(偏斜体)italic;(斜体)normal;(正常

5、)sdgfasdf

height:20px;行高line-height:normal;(正常)单位:PX、PD、EM粗细font-weight:bold;(粗体)lighter;(细体)normal;(正常)变体font-variant:small-caps;(小型大写字母)normal;(正常)大小写text-transform:capitalize;(首字母大写)uppercase;(大写)lowercase;(小写)none;(无)修饰text-decor

6、ation:underline;(下划线)overline;(上划线)line-through;(删除线)blink;(闪烁)常用字体:(font-family)"CourierNew",Courier,monospace,"TimesNewRoman",Times,serif,Arial,Helvetica,sans-serif,Verdana背景属性:(background)色彩background-color:#FFFFFF;图片background-image:url();重复background-repeat:no-repeat;滚动backg

7、round-attachment:fixed;(固定)scroll;(滚动)位置background-position:left(水平)top(垂直);简写方法background:#000url(..)repeatfixedlefttop;区块属性:(Block)Display:block;字间距letter-spacing:normal;数值对刘text-align:justify;(两端对齐)left;(左对齐)right;(右对齐)center;(居中)缩进text-indent:数值px;垂直对齐vertical-align:baseline;

8、(基线)sub;(下标)super;(下标)top;text-top;middl

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签