CSS规则

CSS 规规规明
添加方式：
1 规接式：
1 规规如下：
Property
Value
Description
border-color:

规规 规规 规规 规规规 规 字 定 色 定
border-color:
#rrggbb
用HTML 规规 规 规 规 的十六位 制来表示
border-color:
rgb(rrr%,ggg%,bbb%)
规 通 RGB 三原色的百分比指定
在CSS 规规 规 规规规 规规 规 中常 的几 框 格：
规 规规规 规 规规 规 规 规 规 规 规 规规规 规 规 规 规 规 规 规 建一个 格的 框，可以直接通 格的名称来指定：
Property Value
border-style: none
border-style: hidden
border-style: dotted
border-style: dashed
border-style: solid
border-style: double
border-style: groove
border-style: ridge
border-style: inset
border-style: outset
规界距：
规 规规 规 规规 规 规 规 界距属性是用来指定两个元素 框之 的距离：
margin:30px
margin:0px
margin:15px
规规如下：
Property Value Description
margin-top: 规 规规 规 置上 界距
margin-right: 规 规规 规 置右 界距
margin-bottom: 规 规规 规 置下 界距
margin-left: 规 规规 规 置左 界距
margin: 规 规规 规 置 个 界距 每
填充属性：
规规如下：
Property Value Description
padding-top: 规置上填充
padding-right: 规置右填充
padding-bottom: 规置下填充
padding-left: 规置左填充
padding: 规置 个填充 每
规规 规 背景 片：
在CSS 规规 规 规 规 规 规 规 规 规规 规 中，可以 任何元素指定背景 片：
body {
background-
image:url(“http://192.168.240.240/portalv21/App_Themes/blue/images/login_logo.gif”);
}
规规如下：
Property Value Description
background-image: url(“”) 规规 规 规 规 规 规 规 规规 通 网址来指定背景 片
background-image: none 规规 无背景 片
background-image: inherit 规 规 承父
规规 背景重 ：
规 通 background-repeat 规规 规 规规 规 规 规规 规 规规 规 规 规 规 规 规 规 规 规规 规 规 属性，可以 背景 示方式 行微 ，可以指定背景的重 方式。
规规规 规 规规 规 规规 规 规 规规 规规 下面的 是在 背景 片不允 重 ：
body {
padding:15px padding:0px padding:30px
background-
image:url(“http://192.168.240.240/portalv21/App_Themes/blue/images/login_logo.gif”);
background-repeat:no-repeat;
}
规规如下：
Property Value Description
background-repeat: repeat 规规 规 重 背景
background-repeat: repeat-x 规 规 平行重
background-repeat: repeat-y 规 规 垂直重
background-repeat: no-repeat 规 不重
background-repeat: inheritance 规 规 承父
背景附着：
规规规规 规规规 规 规 可以控制背景是否随网 。 如下：
Property Value Description
background-attachment: scroll 规规 背景随着
background-attachment: fixed 背景固定
background-attachment: inherit 规 规 承父
背景定位：
规规 规 规 规规 规 规 规 规 规 背景定位属性用来指定背景 片在网 的展示位置。
body {
background-
image:url(“http://192.168.240.240/portalv21/App_Themes/blue/images/login_logo.gif”);
background-positiion:10% 10%;
}
规规如下：
Property Value Description
background-position: 规规 规 规 规 规 规 用具体数 或百分比指定
background-position: [top | center | bottom | left | right] 规规规 规 规 用 字定位
字体属性：
规规规 规 规 字体属性控制元素的字体。 如下：
Property Value Description
font-family: 规规 规 规 规 规 规 规 规 通 字体名称控制字体
规规 规 字体 格：
规规规 规 规 控制字体是否斜体。 如下：
Property Value Example
font-style: oblique shinwaltz@http://wendang.chazidian.com
font-style: italic shinwaltz@http://wendang.chazidian.com
font-style: normal shinwaltz@http://wendang.chazidian.com
规规 规 字体粗 属性
规规 规 规 规规规 规 规 控制字体的粗 程度。 如下：
Property Value Description
font-weight: normal 规 正常粗
font-weight: bold 粗体
font-weight: bolder 比粗体稍粗
font-weight: lighter 规 比正常稍
font-weight: <100-900> 指定100-900 规规 规 规 规规 规 规 之 任意数 的粗
字体大小属性：
规规规 规 规 控制字体大小。 如下：
Property Value Unit Type
font-size: Absolute
font-size: medium Absolute
font-size: smaller Relative
font-size: normal Relative
font-size: larger Relative
font-size: 50% Relative
规规 规 规 规 行 距属性：
规规 规 规 规 规规规 规 规 控制行 距大小。 如下：
Property Value Description
line-height: 规规规 规 规规 指定数 置行 距
规规 规 规 字体 量属性
规规 规 规规 规 规 规规规 规 规 用来改 小写 大写。 如下：
Property Vlaue Example
font-variant: normal http://wendang.chazidian.com
font-variant: small-caps http://wendang.chazidian.com
规规规 文本 ：
可以在CSS 规 规规 规规规 规规规 规 规 中 个段落首行 行 。 如下： 每
Property Value Description
text-indent: 规规规 规 规 规 规规 规规 根据具体数 段落首行 行
text-indent: 规规 根据百分比
规规规 规 规 文本 属性：
规规如下：
Property Value Description
text-align: left 规规 文本左
text-align: right 规规 文本右
text-align: center 规规 文本居中
text-align: justify 规规 文本两端
规规 文本装 ：
规 规规 规 规 规规 规规 规规规 规 规 规 规规 规 规 规规规 规 规 文本修 及到上划 、下划 及 除 文本的装 效果。 如下： 涉
Property Value Example
text-decoration: none 规 无装
text-decoration: underline 规 下划
text-decoration: overline 规 上划
text-decoration: line-through 规 规 除
规规 规 文本 形：
规规 规 规 规 规 规 规规规 规 规 规 规 规 规 规 规 规规规 规 规 文本 形是指大小写 首字母大写等属性。 如下：
Property Value Description Example
text-transform: none 规 不 shinWaltz
text-transform: capitalize 首字母大写 ShinWaltz
text-transform: uppercase 规规 规 全部 大写 SHINWALTZ
text-transform: lowercase 规规 规 全部 小写 shinwaltz 规 规规规 接与化 ：
用CSS 的:link 规规规 规 规 规 规 规 规规规规规 规 规 规 规 规规规 规 规 化 用来指定没有 接的属性。 如下：
Pseudo Example Use Description
:link a:link{…} 规 规规规规 规 规 置未 接属性
:visited a:visited{…} 规 规规规规规 规 规 置 接属性
:active a:active{…} 规规 规规 规规 规 规规 鼠 点 与 放之
:hover a:hover{…} 规规规 鼠 停