CSS背景属性
复合背景属性:background
语法:background : background-color || background-image || background-repeat || background-attachment ||background-position
默认值:transparent none repeat scroll 0% 0%
这个就是background的默认值,记住与font不同,它可以不按顺序写值
CSS文本属性
text-align :文本水平对齐方式
vertical-align :垂直对齐方式
text-indent :文本缩进
text- decoration:文本装饰
letter-spacing :文字间隔
text-align
left: 将对象文本内容的水平对齐方式设置为左对齐
center : 将对象文本内容的水平对齐方式设置为居中对齐
right : 将对象文本内容的水平对齐方式设置为右对齐
justify:将对象文本内容的水平对齐方式设置为两端对齐
vertical-align
top : 将对象的内容与对象顶端对齐
middle : 将对象的内容与对象中部对齐
bottom : 将对象的文本与对象底端对齐
text-indent
div { text-indent : 5px; } :数字+像素值
div { text-indent : 2em; } :相对于对象内文本字号倍数
div { text-indent : 10%; } :相对于body对象宽度值
div { text-indent : -2em; }:可以为负值,控制悬挂缩进 正值表示首行缩进,负值表示悬挂缩进
text- decoration
none : 无装饰
underline : 下划线——控制链接a的下划线
line-through : 贯穿线
verline : 上划线
letter-spacing
div {letter-spacing:6px; }
div {letter-spacing:2em; }
记住文字间隔不支持百分比
list-style-type:预设标记
circle、disc、square;decimal、lower-alpha、upper-alpha、lower-roman 例: list-style-type:upper-alpha;
list-style-image:列表项标记图像
语法:list-style-image:url(url) 例:list-style-image:url(images/flower8.jpg);
list-style-position:列表项标记位置
inside
outside
list-style:复合属性 语法: list-style : list-style-image || list-style- position || list-style-type
这个无顺序要求
表格属性 border-collapse : separate | collapse
参数:separate : 边框独立(标准HTML)
collapse : 相邻边被合并 说明: 设置表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
border-spacing : length || length
length : 由浮点数字和单位标识符组成的长度值。不可为负值 作用:该属性设置单元格边框之间以及单元格和表格边框间的距离
示例:table,td {border:red 1px solid; border-collapse: separate; border-spacing: 10px; } table,td {border:red 1px solid; border-collapse: separate; border-spacing: 10px 20px; }
只有当border-collapse属性等于separate时该属性才有意义
某些HTML元素具有一些预定义的性质,这些性质与class属性的功能类似,但这些性质实际上并不对应真正的class属性。 例如:链接标签a 激活状态、悬停状态、未访问过状态、访问过状态 伪类选择器 一组基于预定义性质(伪类)的选择器
伪类名 | 说明 |
:active | 被激活的元素 |
:hover | 鼠标悬停 |
:link | a元素未访问前 |
:visited | a元素被访问过 |
:focus | 对象成为输入焦点时 |
这些是今天分享的css,等到css基础分享结束之后,我会专门用几篇文章领着大家做练习,并且复习下之前所有学过的知识。因为我觉得学得毕竟是以后吃饭的本事,应该越精越好。希望我所分享的知识能帮助一些跟我一样的迷茫小白。