这次的文章是接着上一篇文章写Html+CSS的基本标签,这次是 写CSS的基本标签。
一、字体属性:(font)
1、 大小:font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
2、样式 :font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
3、行高 :line-height: normal;(正常) 单位:PX、PD、EM
4、粗细 :font-weight: bold;(粗体) lighter;(细体) normal;(正常)
5、变体 :font-variant: small-caps;(小型大写字母) normal;(正常)
6、大小写 :text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
7、修饰 :text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
二、背景属性:(background)
色彩:background-color: #FFFFFF;
图片:background-image: url();
重复:ackground-repeat: no-repeat;
滚动:ackground-attachment: fixed;(固定) scroll;(滚动)
位置:ackground-position: left(水平) top(垂直);
简写方法:background:#000 url(…) repeat fixed left top;
三、区块属性: (Block)
字间距:etter-spacing: normal; 数值
对齐:xt-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)
缩进:ext-indent: 数值px;
垂直对齐:ertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;
词间距:ord-spacing: normal; 数值
空格:hite-space: pre;(保留) nowrap;(不换行)
显示:isplay: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;(表格标题)
四、方框属性:(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;(小罗码数字);
位置:ist-style-position: outside;(外) inside;
图像:ist-style-image: url(…);
七、CSS边框空白
padding-top:10px; 上边框留空白
padding-right:10px; 右边框留空白
padding-bottom:10px; 下边框留空白
padding-left:10px; 左边框留空白
八、CSS连接属性
a :所有超链接
a:link :超链接文字格式
a:visited :浏览过的链接文字格式
a:active :按下链接的格式
a:hover :鼠标转到链接
九、CSS复合选择器
1、并集选择器
“交集”复合选择器由两个选择器直接连接构成;其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器;这两个选择器之间不能有空格。
2、交集选择器
并集选择器简称“集体声明”;并集选择器是多个选择器通过逗号连接而成的。
3、后代选择器
css选择器中,还可以通过嵌套的方式对特殊位置的html 标记进行声明,例如当
与
之间包含 标记时,就可以使用后代选择器进行相应的控制。后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。格式:类别选择器(名称)(空格)标记选择器(名称){属性:值 ;}
类别选择器:
格式:·class(类别名称){属性:值;}
(类别选择器的名称不能是中文 ,最好是英文或者拼音)
下次继续分享DIV哦