没有合适的资源?快使用搜索试试~ 我知道了~
css样式模板便于开发者查阅
资源推荐
资源详情
资源评论
字体属性:(font)
font-size: x-large; /*大小 x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD*/
font-style: oblique; /*样式 oblique;(偏斜体) italic;(斜体) normal;(正常)*/
line-height: normal; /*行高 normal;(正常) 单位:PX、PD、EM*/
font-weight: bold; /*粗细 bold;(粗体) lighter;(细体) normal;(正常)*/
font-variant: small-caps; /*变体 small-caps;(小型大写字母) normal;(正常)*/
text-transform: capitalize; /*大小写 capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)*/
text-decoration: underline; /*修饰 underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)*/
font-family: "Courier New"; /*字体 常用字体:"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; /*滚动 fixed;(固定) scroll;(滚动)*/
background-position: left; /*位置 left;(水平) top(垂直);*/
background:#000 url(..) repeat fixed left top; /*简写·这个在阅读代码中经常出现,要认真的研究*/
区块属性: (Block)
letter-spacing: normal; /*字间距*/
text-align: justify; /*对齐 justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)*/
text-indent: 数值px; /*缩进*/
vertical-align: baseline; /*垂直对齐 baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; */
word-spacing: normal; /*词间距*/
white-space: pre; /*空格 pre;(保留) nowrap;(不换行)*/
display:block; /*显示 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 属性的了解很模糊*/
font-size: x-large; /*大小 x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD*/
font-style: oblique; /*样式 oblique;(偏斜体) italic;(斜体) normal;(正常)*/
line-height: normal; /*行高 normal;(正常) 单位:PX、PD、EM*/
font-weight: bold; /*粗细 bold;(粗体) lighter;(细体) normal;(正常)*/
font-variant: small-caps; /*变体 small-caps;(小型大写字母) normal;(正常)*/
text-transform: capitalize; /*大小写 capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)*/
text-decoration: underline; /*修饰 underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)*/
font-family: "Courier New"; /*字体 常用字体:"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; /*滚动 fixed;(固定) scroll;(滚动)*/
background-position: left; /*位置 left;(水平) top(垂直);*/
background:#000 url(..) repeat fixed left top; /*简写·这个在阅读代码中经常出现,要认真的研究*/
区块属性: (Block)
letter-spacing: normal; /*字间距*/
text-align: justify; /*对齐 justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)*/
text-indent: 数值px; /*缩进*/
vertical-align: baseline; /*垂直对齐 baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; */
word-spacing: normal; /*词间距*/
white-space: pre; /*空格 pre;(保留) nowrap;(不换行)*/
display:block; /*显示 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; /*边框样式 dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; */
border-width:; /*边框宽度*/
border-color:#; /*边框颜色*/
border:width style color; /*简写方法*/
列表属性: (List-style)
ist-style-type: disc; /*类型 disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;*/
list-style-position: outside /*位置 outside;(外) inside;*/
list-style-image: url(..); /*图像*/
定位属性: (Position)
Position: absolute; relative; static; /*位置*/
visibility: inherit; visible; hidden; /*元素是否可见*/
overflow: visible; /*滚动条 visible;(内容不会被修剪,会呈现在元素框之外) hidden(内容会被修剪,并且其余内容是不可见的); scroll;(内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容) auto;(如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容) */
clip: rect(12px,auto,12px,auto) /*裁切*/
文字属性:
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左
边框属性: (Border)
border-style: dotted; /*边框样式 dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; */
border-width:; /*边框宽度*/
border-color:#; /*边框颜色*/
border:width style color; /*简写方法*/
列表属性: (List-style)
ist-style-type: disc; /*类型 disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;*/
list-style-position: outside /*位置 outside;(外) inside;*/
list-style-image: url(..); /*图像*/
定位属性: (Position)
Position: absolute; relative; static; /*位置*/
visibility: inherit; visible; hidden; /*元素是否可见*/
overflow: visible; /*滚动条 visible;(内容不会被修剪,会呈现在元素框之外) hidden(内容会被修剪,并且其余内容是不可见的); scroll;(内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容) auto;(如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容) */
clip: rect(12px,auto,12px,auto) /*裁切*/
文字属性:
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
剩余5页未读,继续阅读
资源评论
神鹰之翼
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功