css样式属性分类_第1页
css样式属性分类_第2页
css样式属性分类_第3页
css样式属性分类_第4页
css样式属性分类_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

css样式属性分类.txt24生活如海,宽容作舟,泛舟于海,方知海之宽阔;生活如山,宽容为径,循径登山,方知山之高大;生活如歌,宽容是曲,和曲而歌,方知歌之动听。A文字font-family:字体名称注意:当指定多种字体时,用“,”分隔每种字体的名称当字体名称包含两个以上分开的单词是,用“”把该字体名称括起来。当样式规则外已经有“”时,用‘’代替“”。font-size:字号参数。font-style:斜体字的名称。normal正常状态、italic斜体字、oblique斜体和正常状态之间。font-weight:字体粗细。取值是:number(100~900) 或者参数lighter(细体)和bold(粗体)bolder(特粗体)参数显示更细或更粗。text-transform:参数参数的范围: uppercase所有文字大小显示lowercase:所有文字小写显示capitalize每个单词的头字母大写none不继承母体的文字变形参数。text-decoration:参数参数的范围: underline为文字加下划线overline为文字加上划线line-through为文字加删除线blink 使文字闪烁none不显示上叙任何效果。color:#rrggbb或者#rgb原则(还可以参考资料有多种方式,但是只要掌握基本的一种方式)。8可以用font属性全部定位示例:p{font:italicbold12pt;}B背景background-color背景颜色background-image背景图片示例:{background-image:url('/zhouliang.gif')}background-repeat:参数参数的范围:repeat表示图像从水平和垂直角度平铺no-repeat不重复平铺背景图片repeat-x 使图片只在水平方向上平铺repeat-y使图片只在垂直方向上平铺。background-attachment参数fixed网页滚动时,背景图片相对浏览器而言固定不动。scroll网页滚动时,背景图片相对浏览器而言一起滚动。background-postion参数(背景定位)参数:top相对前景对象顶对齐bottom相对前景对象底对齐left相对前景对象左对齐right相对前景对象右对齐center相对前景对象中心对齐说明:一般用坐标的方式来确定图片的位置。6可以直接用background复合属性来确定式样示例:table{background:#001122url(zhouliang.jpg)no-repeatbottomright}C文本1英文单词间距word-spacing:取值可以是:normal或者是单位像素;2英文字母间距letter-spacing:间隔距离取值可以是:normal或者是单位像素;行距line-height:值可以是精确的值,也可以是百分比。4文本水平排列text-aglin:参数left:左对齐right:右对齐center:居中justify:相对左右对齐。注意到:text-aglin是块级属性,只能用于<p><blockquqte><ul><h1>-<h6>等表示符里5文本垂直排列vertical-align:参数top顶对齐bottom底部对齐text-top相对文本顶对齐text-bottom相对文本底对齐baseline:基准线对齐middle中心线对齐sub以下标的形式对齐sup以上标的形式对齐,相对于元素行高属性的百分比。6文本缩进text-indent缩进距离说明:缩进距离必须是值或者%比7white-space设置值:normal:合并连续的多个空格pre:保留原样式nowrap:不换行,直到遇到<br>标签text-decoraition值:none:表示不对文本进行修饰,也是默认值,underline:表示对文字添加下划线overline:表示添加上划线line-through:表示对文本添加删除线blink:表示文字具有闪烁效果9:text-transform文本转换取值范围:none:表示原有值capitalize:使每个字的第一个字母大写uppercase:大写lowercase:小写D定位是指指定元素的位置,他是CSS-P(cascadingstylesheetspositioning)中的内容,CSS-P是CSS的一个扩展,它可以用来控制任何网页元素在浏览器文档窗口中的位置。1:postion设置值: 含义absolute采用绝对定位(分别用四个边框来定位)relative 采用相对定位(也得用四个边框来设定位置)static 默认值2:left/top/width/height说明:设置值可以是3:z-index(也就是元素的堆叠,大的在上,小的在下。默认是按照先后顺序)说明:取值auto默认值,表示它遵循其父对象的定位属性;如果设置为数字必须是无单位的正整数,可以取负值,但是一般为正数,一般数字为1时间是最底层。E布局visibility可视性设置值:inherit:表示对象继承父本的继承性。visible:表示对象可见hidden:表示对象隐藏display设置或检索对象是否及如何显示设置值:block、inline、list-item、noneclip可视区域设置值:auto表示对象不裁剪rect(数值表示)(一般有四个设置值:方向定位于上右下左的顺序,一般以左上角(0,0)坐标计算4个偏移数值。其中 任何一个值都可以用auto代替)overflow超出范围:设置值:isible 扩大浏览器hidden裁剪掉多余的文本scroll滚动条auto 当有多余的时候才显示滚动条float浮动属性设置值:left表示文字浮在元素左侧right表示文字浮在元素右侧none默认值,表示不浮动。〈该属性特别重要,一定要掌握>clear表示指定一个元素周围是都允许有其他元素漂浮在它的周围。设置值:left,right,none,both;指要清除本元素四周的浮动对象。break-before设置值:always是否强制分页break-after设置值:always打印后设置是否强制分页width和height表示层的宽度与高度。设置值为auto|数值F边距与填充属性1复合属性margin:与边距的距离(margin-topmargin-leftmargin-bottommargin-left)取值可以是:auto默认%比或者具体的值:说明:取值可以是一个或者两个或者三个或者四个(每个都具有不同的含义)。2复合属性填充(指用白值填充):padding说明:和margin的用法一样。border-width边框宽度:border-top-width:上边框宽度border-right-width:右边框宽度border-bottom-width:底边框宽度border-left-width:左边框宽度取值为:medium默认宽度;thin细边框thick粗边框border-styleborder-top-style:上边框样式border-right-style:右边框样式border-bottom-style:底边框样式border-left-style:左边框样式取值: 含义none 不现实边框,为默认值dotted 点线(电线)dashed 虚线,也称短线solid 实线double 双实线groove 边框带有立体感的沟槽ridge 边框成脊形inset 使整个表框凹陷,即在边框内嵌入一个立体边框outset 使整个边框凸起,即在边框外嵌入一个立体边框border-color设置边框的颜色:用法同上margin6:border复合属性:border:边框宽度|样式|颜色那么还有:border-top|border—right|border—bottom|border-leftG列表1:list-style-type指显示于列表项前的标识符号取值:含义none 表示不显示列表符号2:列表缩进list-style-postion列表位置描述列表在何处显示参数:inside列表内容和列表标识符号处在不同垂直位置,在符号内测。outside列表内容和列表标识符号处在同一垂直位置3:list-style-image说明:用图片符号作为链接标题取值 含义none 表示不指定图像url(网页地址) 指定图片位置4:复合属性:list-style实现以上三种属性H

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论