CSS从入门到精通经典整理收集.rar资源-CSDN文库

共17个文件

url：7个

txt：5个

chm：2个

CSS圆角

5星 · 超过95%的资源需积分: 3 170 浏览量 2011-07-08 21:16:52 上传评论收藏 781KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS从入门到精通经典整理收集.rar （17个子文件）

CSS从入门到精通经典整理收集

CSS2.1完全参考手册.chm 256KB

bbs.BlueZZ.Cn说明.txt 3KB

蓝色站长站.url 303B

源码下载.url 315B

CSS样式存在方式.txt 2KB

软件下载.url 329B

站长源码论坛.url 412B

站长工具.url 316B

无广告小说.url 330B

隔行变色

隔行变色.html 1KB

li标签实现隔行变色.txt 1KB

DIV CSS圆边效果

效果图.doc 229KB

DIV+CSS圆边效果.html 2KB

说明.url 205B

CSS控制滚动条颜色样式.txt 723B

DIV+CSS排版技巧.txt 5KB

css3.0参考手册.chm 381KB

网站及网站结构的根本是要做好DIV+CSS，经过合理的布局DIV CSS可以有利于搜索引擎的抓取，DIV+CSS作为建造网页，美化网页是的很强大，很便利的，可以填补table建造框架和表格时的良多不够和美工上的缺点。　　一、CSS边框(CSS border)：　　border主要有以下参数：none:无边框；hidden:隐藏边框；dotted:点线；dashed:虚线；solid:实线边框；double:双线边框；groove:3D凹槽；ridge:菱形边框；inset:3D凹边；outset:3D凸边。　　边框的值是四个，若是供给全数四个参数值，将按上－右－下－左的顺序浸染于四个边框。若是只供给一个，将用于全数的四条边。若是供给两个，第一个用于上－下，第二个用于左－右。若是供给三个，第一个用于上，第二个用于左－右，第三个用于下。边框(border)和边界(margin)主要用来定位。　　二、CSS加入网页体例：　　主要分为三种：内部样式表、行内样式表、外部样式表。内部样式表主要界说在<head>内；行内样式表可直接操纵style属性界说在标签内部；操纵外部样式表时，CSS文件与网页文件是涣散开来的，分开的文件要用<linkrel="stylesheet"type="text/css"href="文件位置/你的CSS文件名.css"/>链接起来，这主要针对CSS样式表较多的网页。　　三、CSS盒子　　CSS中没有box这个属性。CSS的盒子是由以下几个部门组成的：内容(content)、加添(padding)、边框(border)和边界 (margin)。盒子的内容当然是必需有的，而加添、边框和边界都是可选的。若是把CSS的盒子看做现实保留中的盒子，那么内容即是盒子里装的货物；而加添即是怕货物破损而添加的泡沫概略别的抗震的工具；边框即是盒子自己了；至于边界则说明盒子摆放的时刻的不能与其他物体紧挨在一路，而必需有一段安定。当然了，CSS中的盒子是平面的。　　四、设置布景属性　　background为背景属性，如background-color设置布景颜色；background-image设置布景图片；background-repeat设置布景图片的一再设置，background-repeat:no-repeat为不一再，background-repeat:repeat-x为只水平标的目的一再，background-repeat:repeat-y为只垂直标的目的一再；background-position设置布景图片的浮现位置，background-attachment为平稳图片在某个位置浮现。　　五、设定CSS字体、颜色、巨细　　font-style设定斜体，好比font-style:italic;font-weight设定字体粗细，好比font- weight:bold;font-size设定字体为巨细，好比font-size:12px;line-height设定行距，好比line- height:150%;color设定字体颜色（不是font-color），好比color:red;font-family设定字体，好比 font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans- serif;font:italicbold12px/150%"LucidaGrande",Verdana,Lucida,Arial,Helvetica, 宋体,sans-serif; 　　六、若何节制段落排版　　中文段落操纵<p>标签，摆布（相等于缩进）、段前段后的空白，都可以用margin。好比：　　p{ margin:18px6px6px18px; /*分袂是上、右、下、左，十二点起头的顺时针标的目的*/ } 翰墨的对齐体例用text-align，谈起margin，我风尚于在写CSS的时刻为全数的标签定义margin:0;因为时而出现因为默认的 margin值导致页面排版问题问题，而自己找不到缘故原由　　七、链接　　CSS链接有四个属性：其中a:link、a:visited、a:hover和 a:active分袂对应未访谒的链接、已经访谒过的链接、鼠标悬停的链接和激活的鼠标链接(按下鼠标左键的时刻)。这几个样式的顺序不能倒置，否则概略造成部门样式无法正常浮现。每个样式里可以变换字体属性、下划线、布景等等。　　八、项方针识表记标帜的问题问题　　在CSS li里项方针识表记标帜有disc（实心圆点）、circle（空心圆圈）、 square（实心方块）、decimal（阿拉伯数字）、lower-roman（小写罗马数字）、upper-roman（年夜写罗马数字）、 lower-alpha（小写英翰墨母）、upper-alpha（年夜写英翰墨母）、none（无）。好比设定一个列表（ul或ol）的项方针识表记标帜为方块，如：　　li{ list-style:square; } 别的list-style还有一些值，好比可以接纳一些小图片作为项方针识表记标帜，在 list-style下直接写url(“图片地址”)就可以了。详尽若是一个项目列表的左外补丁（margin-left）设为零的时刻，list- style-position: outside（默认是outside）的项方针识表记标帜不会浮现。吝惜的是上述的项方针识表记标帜仿佛并不能设定巨细，圆点和方块始终是那么点。而且不能设定垂直标的目的上的对齐。　　九、关于汉字注音　　好比说<ruby>注音<rtstyle="font-size:11px;">zhuyin</rt>& lt;/ruby>，可以操纵ruby-align设置对齐体例。这是在CSS手册里面看到的，具体可以自行查阅ruby-align项。　　十、首字下沉　　伪工具:first-letter配合font-size、float可以建造首字下沉功效。　　十一、竖排字体　　writing-mode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。　　十二、首行缩进　　可以使得容器内首行缩进必定单元。好比中文段落一样平常每段前空两个汉字。可以这么写： p{ text-indent:2em;/*em是相对单元，2em即现在一个字巨细的两倍*/ }若是font-size是12px的话，那么 text-indent:2em则缩进24px。　　十三、平稳宽度汉字截断　　用布景说话可以对从数据库里的字段内容做截断处置，好比说截12个汉字（之后用省略号）。可是偶然还需要html标签的过滤等，而用CSS来节制则没有这个问题问题。不外只能处置翰墨在一行上的截断，不能处置多行。　　十四、平稳宽度汉字（词）折行　　举个例子，好比说要在一个平稳宽度容器里面浮现良多地名，为了禁止地名中遏制开。则可以操纵word-break。　　DIV+CSS对于门户网站计划来说改版就像换件衣服一样大略轻易，改版时，不用窜改全站HTML页面，只需要重新写CSS，再用新CSS替换旧CSS就可以实现改版了。这样改版不动html代码的改版有利于搜索引擎稳定。

评论收藏

内容反馈