css笔记总结1

1 font 设置字体样式

font-size/line-height设置字体大小px 字号大小

font-style设置字体风格 斜体 

normal:默认值,浏览器会显示标准的字体样式。

italic:浏览器会显示斜体的字体样式。

oblique:浏览器会显示倾斜的字体样式。

font-weight 字体粗细  

font-family 设置字体类型比如微软  normal、bold、bolder、lighter、100~900(100的整数倍)。

2 外观属性

color :文本颜色   line-height 行间距

line-height :行间距  (px em % 三种)

text-align:水平对齐(left right center)

text-indent:首行缩进

text-decoration:(none:默认,定义标准文本,underline定义下划线,overline:文本上的一条线,line-through穿越文本的一条线)

3伪类选择器 链接伪类选择器 link (未访问)visited(已访问) hover(鼠标移动在链接上) active (选定的链接)

4 块级元素:<h1-6><p> <div><ul><ol><li>

块级元素的特点:(block-level) 
(1)总是从新行开始
(2)高度,行高、外边距以及内边距都可以控制。
(3)宽度默认是容器的100%
(4)可以容纳内联元素和其他块元素。
行内元素(inline-level)
<a><strong><b><em><i><del><s><ins><u><span>
(1)和相邻行内元素在一行上。

(2)高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。

(3)默认宽度就是它本身内容的宽度。

(4)行内元素只能容纳文本或则其他行内元素。(a特殊 a里面可以放块级元素 )
标签显示模式转换display 块转行display:inline 行转块 display:block


 

猜你喜欢

转载自www.cnblogs.com/asasas/p/9455295.html
今日推荐