CSS学习笔记（2）

来源：互联网发布：mysql和oracle的关系编辑：程序博客网时间：2024/05/17 03:57

CSS:样式：

http://www.w3school.com.cn/css/css_background.asp

CSS 背景属性

属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。

h1{    color: blue;    font-size: 50px;    width: 150px;    background-color: burlywood;    padding: 20px;}

CSS文本样式：

CSS 文本属性

属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本。text-decoration向文本添加修饰。text-indent缩进元素中文本的首行。text-shadow设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。text-transform控制元素中的字母。unicode-bidi设置文本方向。white-space设置元素中空白的处理方式。word-spacing设置字间距。

h1{    color: salmon;    text-align: left;    text-indent: 2em;    text-transform: capitalize;    text-shadow: 5px 5px 5px #FF0000;}

CSS 字体属性

属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1 已删除该属性。）font-style设置字体风格。font-variant以小型大写字体或者正常字体显示文本。font-weight设置字体的粗细。

    font-size: 70px;    font-family: cursive;

CSS连接：http://www.w3school.com.cn/css/css_link.asp

设置链接的样式

能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。

链接的特殊性在于能够根据它们所处的状态来设置它们的样式。

链接的四种状态：

a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

a:link{    color: red;}a:visited{    color: gold;}a:hover{    color: aqua;}a:active{    color: darkgreen;}

CSS列表：

ul li{    list-style-type: circle;}

CSS表格：

CSS Table 属性

属性描述border-collapse设置是否把表格边框合并为单一的边框。border-spacing设置分隔单元格边框的距离。caption-side设置表格标题的位置。empty-cells设置是否显示表格中的空单元格。table-layout设置显示单元、行和列的算法。

#tb,th,tr,td{    border: 1px solid blueviolet;    border-collapse: collapse;    width: 400px;    height: 400px;    text-align: center;}

CSS 边框属性

"CSS" 列中的数字指示哪个 CSS 版本定义了该属性。

属性描述CSSoutline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2

0 0