css样式大全CSS style Daquan
Font properties: (font)
Size {font-size: X-LARGE; } (extra large) XX-Small ; (minimum)general Chinese can not be used, as long as the value can be,units: PX, PD
Style {font-style: oblique; } (partial italic) Italic; (italic)normal; (normal)
Line height {line-height: normal; } (normal) units: PX, PD, EM The thickness of {font-weight: bold; lighter; } (BOLD) (Figure normal) ; (normal)
Variant {font-variant: small-caps; } (small capitalization)normal; (normal)
Case {text-transform: capitalize; } (initial uppercase)uppercase; (uppercase) lowercase; (lower case) none; (no)Modify {text-decoration: underline; } (underline) overline;(line up) line-through; (delete line) blink; (blinking)Commonly used fonts: (font-family)
"Courier, New", Cour ier, monospace, Times, New, Roman, T imes,serif, Arial, Helvetica, sans-serif, Verdana
Background properties: (background)
Color {background-color: #FFFFFF; }
Picture {background-image: URL () }
Repeat {background-repeat: no-repeat; }
Scroll {background-attachment: fixed; } (fixed) scroll;(scroll)
Position {background-position: left; } (horizontal) top (vertical) ;
{background:#000 URL (. . ) -repeat fixed left top; } /*--this code often appears in reading, to study seriously.
Block attribute: (Block) /* this property first met, to a lot of research.
Word spacing {letter-spacing: normal ; } / * the numerical properties appear to be useful, more practice.
Align {text-align: justify; } (both ends aligned) left; (left aligned) right; (right aligned) center; (centered)
Indent {text-indent: value PX; }
Vertically aligned {vertical-align: baseline; } (baseline) sub;(subscript) super; (subscript) top; text-top; middle; bottom;text-bottom;
Word spacing word-spacing: , normal ; numerical value
Space white-space: pre; (reserved) nowrap; (no line feed){display:block; } (block) inline (embedded) ; list-item; run-in;(list) (addit ional) compact (compact) ; marker; table;inline-table (marker) ; table-raw-group; table-header-group;table-footer-group; table-raw; table-column-group;table-column; table-cell; table-caption; (table title)/*display attribute understanding is very fuzzy * /
Box properties: (Box)
Width: ; height: ; float: ; clear:both; padding: ;margin: ; order:right, left, left
Border properties: (Border)
Border-style: dotted; (dot line) dashed; (dotted line) solid;double; (double line) groove; (slot line) ridge; (ridged) inset;(SAG) outs et;
边框宽度 边框宽度
边框颜色 #
简写方法边境宽度的风格色彩 / * * /简写
列表属性 列表样式
类型列表样式类型盘 圆点圈 圆圈广场 方块小数数字下罗马 小罗码数字大写罗马数字较低的α 上α
位置列表样式的位置外内外
图像列表样式图像 URL . .
定位属性 位置
位置绝对相对静态
能见度继承可见光 隐藏
溢出可见 隐藏滚动汽车
剪辑矩形12px汽车 12px 自动 裁切CSS属性代码大全
一CSS文字属性
颜色 # 999999 / * * /文字颜色
字体家庭宋体 sans-serif文字字体/ * * /字体大小 9pt / * * /文字大小
字体风格 itelic / * * /文字斜体
字体变形小帽子 / * * /小字体
字母间距 1分 / * * /字间距离
行高 200%设置行高/ * * /
字体重量大胆 / * * /文字粗体垂直对齐子 / * * /下标字
垂直对齐超级 / * * /上标字
文字装饰线通过 / * * /加删除线文字装饰划线 / * * /加顶线
文字装饰下划线加下划线/ * * /文字装饰无 / * * /删除链接下划线文本转换利用首字大写 / * * /文本转换大写 / * * /英文大写文本转换小写 / * * /英文小写文本对齐右 / * * /文字右对齐文本对齐左 / * * /文字左对齐文本对齐 中心文字居中对齐/ * * /文本对齐对齐 / * * /文字分散对齐垂直对齐属性
垂直对齐顶 / * * /垂直向上对齐
垂直对齐底部 / * * /垂直向下对齐
垂直对齐 中部 / * * /垂直居中对齐
垂直对齐文字/ * * /文字垂直向上对齐顶
垂直对齐文字/ * * /文字垂直向下对齐底
二、 CSS边框空白
填料 10px / * * /上边框留空白
填充右 10px / * * /右边框留空白
座垫 10px / * * /下边框留空白
填充左 10px /*左边框留空白
三、 CSS符号属性
目录样式类型无 / * * /不编号
目录样式类型十进制 / * * /阿拉伯数字
目录样式类型低/ * * /小写罗马数字罗马
目录样式类型大写罗马数字 / * * /大写罗马数字
列表样式类型较低的alpha
Lowercase letters English / * * /
List-style-type:upper-alpha; /**/English uppercase letters List-style-type:disc; / * * / solid circular symbols
List-style-type:circle; / * * / hollow circular symbols List-style-type:square; / * * / solid square symbol
List-style-image:url (/dot.gif) ; / * * / picture symbols List-style-position: outside; / * * / outdent
List-style-position:inside; / * * / indent
Four and CSS background styles:
Background-color:#F5E2EC; / * * / background color
Background:transparent; / * * / background Perspective Background-image: URL (/image/bg.gif) ; / * * / background picture
Background-attachment: fixed; / * * / f ixed watermark background
Background-repeat: repeat; / * * / - "default repeat array
Background-repeat: no-repeat; / * * / permutation without repetition
Background-repeat: repeat-x; / * * / arranged on the X axis repeat
Background-repeat: repeat-y; / * * / arranged on the Y axis repeat
Specify the background location
Background-position 90%: 90%; /* position background picture X and Y axis
Background-position: top; / * * / to align
Background-posit ion: buttom; / * * / down alignment
Background-position: left; / * * / left justified
Background-position: right; / * * / right justif ied
Background-position: Center; / * * / justifycenter
Five, CSS connection properties:
A / * * / all hyperlinks
A:link / * * / hyperlink text format
A:visited / * visited link text format.
A:active / * press the link format.
A:hover / * * / mouse to link
Mouse cursor style:
Link finger CURSOR: hand
Ten font cursor:crosshair
Arrow down, cursor:s-resize
Cross arrow cursor:move
The arrow is right cursor:move
Add a question mark, cursor:help
Arrow left, cursor:w-resize
Arrow up, cursor:n-resize
The arrow is right up, cursor:ne-resize The arrow is left up, cursor:nw-resize Text type cursor:text I
Arrow oblique, right lower cursor:se-resize
部落分享过多次G-core(gcorelabs)的产品及评测信息,以VPS主机为主,距离上一次分享商家的独立服务器还在2年多前,本月初商家针对迈阿密机房限定E5-2623v4 CPU的独立服务器推出75折优惠码,活动将在9月30日到期,这里再分享下。G-core(gcorelabs)是一家总部位于卢森堡的国外主机商,主要提供基于KVM架构的VPS主机和独立服务器租用等,数据中心包括俄罗斯、美国、日...
官方网站:点击访问华纳云活动官网活动方案:一、香港云服务器此次推出八种配置的香港云服务器,满足不同行业不同业务规模的客户需求,同时每种配置的云服务都有不同的带宽选择,灵活性更高,可用性更强,性价比更优质。配置带宽月付6折季付5.5折半年付5折年付4.5折2年付4折3年付3折购买1H1G2M/99180324576648直达购买5M/17331556710081134直达购买2H2G2M892444...
感恩一年有你!免费领取2核4G套餐!2核4G轻量应用服务器2核 CPU 4GB内存 60G SSD云硬盘 6Mbps带宽领取地址:https://cloud.tencent.com/act/pro/lighthousethankyou活动规则活动时间2021年9月23日 ~ 2021年10月23日活动对象腾讯云官网已注册且完成实名认证的国内站用户(协作者与子用户账号除外),且符合以下活动条件:账号...