CSS基础样式

一、字体样式

font -family(字体类型) 隶书,楷体,宋体,小篆等
font-size(字体大小) 单位:像素 px
font-style(字体风格)

nomal  默认值,标准文档样式

italic    斜体

font-weight(字体粗细)

bold   定义字体粗细

100-900px    定义由细到粗的字符

font(字体属性)

二、文本样式

color   设置文本颜色 red,blue,green,black 等等
text-align   设置元素水平对齐方式

text-align:left  左对齐

text-align:center  居中对齐

text-align:right   右对齐

text-indent    设置首行文本的缩进 text-indent:2px   首行缩进2像素
line-height    设置文本的行高 line-height:20px  行高为20像素
text-decoration    设置文本的装饰

none:默认,标准文本

underline:定义文本下划线

overline:定义文本上划线

line-through:定义穿过文本的一条线

三、鼠标样式

cursor:defalut   默认光标  
cursor:pointer   超链接指针  
cursor:wait   等待指针  
cursor:help           指示可用的帮助  
cursor:text   指示文档  
crosshair   鼠标呈现十字状  

 

四、背景样式

background-color    背景颜色

background-color:red    背景颜色为红色

background-image:url(图片路径) 背景图片地址 url()括号内为图片地址
background-repeat    背景重复方式

background-repeat:no-repeat  不重复

background-repeat:repeat-x   水平重复

background-repeat:repeat-y   垂直重复

background-repeat:repeat  默认重复

background-position     背景定位

单位:像素 px

水平方向:left、center、right

垂直方向:top、center、bottom

五、列表样式

无序列表

list-style-type:disc 实体圆心(默认)

list-style-type:circle 空心圆

list-style-type:square 实体方心

list-style-type:none   无列表标记

有序列表 1.2.3.4.5.

六、CSS伪类

CSS 伪类用于向某些选择器添加特殊的效果。  

伪类,顾名思义就是假的,不存在的类,不是由class=""定义的,但元素可以具有同样的一些属性,比如鼠标悬停,那么此时就可以使用伪类,由浏览器指定它一个类,比如a:hover,效果近似于class="hover",因为可以多次使用,   所以叫伪类而不是伪ID,还有就是伪类通常是动态产生的,临时的,并非常驻属性。

link   单击访问前
visited 单击访问后
hover   鼠标悬浮其上
active   单击未释放

说明:如需全部设置,需严格按照表格从上到下顺序设置

你可能感兴趣的:(css,html,前端)