css样式大全（整理版）
字体属性:（font）
大小 ｛font-size： x-large;｝（特大) xx-small；（极小) 一般中文用不到,只要用数值就可以,单位：PX、PD
样式 {font-style： oblique;｝（偏斜体） italic；（斜体） normal；(正常）
行高 {line—height: normal；｝(正常） 单位：PX、PD、EM
粗细 ｛font—weight: bold;｝(粗体） lighter；（细体) normal;（正常)
变体 ｛font—variant: small-caps；｝（小型大写字母） normal;（正常)
大小写 ｛text—transform: capitalize；}（首字母大写) uppercase；（大写） lowercase;(小写) none；(无）
修饰 ｛text-decoration: underline；}（下划线) overline；（上划线) line—through；(删除线) blink；（闪烁)
常用字体： (font-family）
”Courier New”， Courier， monospace， "Times New Roman”， Times, serif, Arial, Helvetica, sans—serif, Verdana
背景属性： (background)
彩 {background—color: ＃FFFFFF；}
图片 {background—image: url（);｝
重复 ｛background—repeat： no—repeat;｝
滚动 ｛background—attachment： fixed；｝（固定） scroll;(滚动)
位置 {background—position: left;｝（水平) top(垂直）;
简写方法 {background：＃000 url（。.） repeat fixed left top;｝ /＊简写·这个在阅读代码中经常出现，要认真的研究*/
区块属性： (Block） /*这个属性第一次认识，要多多研究＊/
字间距 {letter-spacing: normal;｝ 数值 /＊这个属性似乎有用，多实践下*/
对齐 {text—align： justify；}（两端对齐） left;（左对齐) right;(右对齐） center;(居中）
缩进 ｛text—indent： 数值px;}
垂直对齐 ｛vertical—align： baseline;}（基线) sub；(下标） super;(下标） top; text-top； middle; bottom； text—bottom;
词间距word-spacing: normal； 数值
空格white-space: pre;(保留） nowrap;(不换行）
显示 {display:block;}（块) inline;（内嵌） list-item；（列表项) run-in;（追加部分） compact；（紧凑） marker;(标记) table； inline—table; table—raw—group； table-header-group; table-footer—group； table—raw； table-column—group； table-column； table—cell; table-caption;(表格标题) /＊display 属性的了解很模糊＊/
方框属性: （Box）
width:； height：； float：； clear:both； margin：; padding:； 顺序：上右下左
边框属性: (Border)
border-style： dotted；(点线） dashed；（虚线） solid; double;（双线） groove;(槽线） ridge；（脊状） inset;(凹陷) outset;
border-width:； 边框宽度
border-color:＃;
简写方法border：width style color； /＊简写＊/
列表属性： （List-style)
类型list—style—type： disc;(圆点) circle；（圆圈) square；(方块) decimal;（数字) lower—roman；（小罗码数字) upper—roman； lower-alpha； upper—alpha；
位置list—style-position： outside;（外) inside;
图像list—style—image: url(..);
定位属性： (Position)
Position： absolute； relative； static；
visibility: inherit； visible; hidden；
overflow: visible； hidden； scroll; auto；
clip: rect（12px，auto，12px,auto） (裁切）
css属性代码大全
一 CSS文字属性：
color ： #999999; /＊文字颜*/
font—family : 宋体,sans-serif; /＊文字字体*/
font-size ： 9pt； /*文字大小＊/
font—style:itelic； /*文字斜体＊/
font—variant：small-caps; /＊小字体*/
letter-spacing ： 1pt; /*字间距离＊/
line—height : 200％； /*设置行高*/
font—weight：bold; /*文字粗体＊/
vertical-align：sub； /＊下标字＊/
vertical-align:super； /＊上标字*/
text—decoration:line—through; /＊加删除线*/
text-decoration: overline; /*加顶线*/
text-decoration:underline; /＊加下划线＊/
text—decoration:none； /＊删除链接下划线＊/
text-transform : capitalize; /*首字大写*/
text-transform : uppercase； /*英文大写＊/
text—transform : lowercase； /＊英文小写＊/
text—align：right; /＊文字右对齐*/
text-align:left; /＊文字左对齐*/
text—align:center; /＊文字居中对齐＊/
text-align:justify; /*文字分散对齐＊/
vertical-align属性
vertical-align:top; /＊垂直向上对齐＊/
vertical—align:bottom； /*垂直向下对齐＊/
vertical—align：middle; /＊垂直居中对齐＊/
vertical—align:text—top; /*文字垂直向上对齐＊/
vertical—align：text-bottom; /＊文字垂直向下对齐＊/
二、CSS边框空白
padding—top:10px; /＊上边框留空白*/
padding—right:10px; /＊右边框留空白*/
padding—bottom：10px; /＊下边框留空白*/
padding-left：10px; /＊左边框留空白
三、CSS符号属性：
list—style—type:none； /*不编号＊/
list-style-type：decimal; /＊阿拉伯数字＊/
list—style—type:lower-roman; /＊小写罗马数字＊/
list-style-type：upper-roman； /＊大写罗马数字＊/
list—style—type：lower—alpha; /＊小写英文字母*/
list-style-type：upper—alpha； /＊大写英文字母*/
list-style-type:disc; /*实心圆形符号*/
list—style—type:circle; /＊空心圆形符号*/
list-style—type：square; /＊实心方形符号*/
list—style—image:url(/dot.gif)； /＊图片式符号*/
list-style—position: outside; /＊凸排*/
list—style-position：inside； /＊缩进＊/
四、CSS背景样式：
background-color:#F5E2EC； /＊背景颜＊/
background:transparent； /*透视背景*/
background-image ： url(/image/bg.gif）; /＊背景图片*/
background—attachment : fixed； /＊浮水印固定背景*/
background—repeat ： repeat； /*重复排列—网页默认＊/
background-repeat ： no—repeat; /＊不重复排列＊/
background—repeat ： repeat-x； /＊在x轴重复排列*/css表格样式
background—repeat ： repeat—y； /*在y轴重复排列*/
指定背景位置
background—position : 90％ 90%; /*背景图片x与y轴的位置＊/
background-position : top； /＊向上对齐＊/
background-position : buttom； /＊向下对齐＊/

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。