热门IT资讯网

CSS的基本样式

发表于:2024-11-26 作者:热门IT资讯网编辑
编辑最后更新 2024年11月26日,CSS的基本样式1 CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果2 CSS的背景属性描述background-p_w_upload背景图像是否固定或者随着页面的其余部分滚动back

CSS的基本样式

1 CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果

2 CSS的背景


属性

描述

background-p_w_upload

背景图像是否固定或者随着页面的其余部分滚动

background-color

设置元素的背景颜色

background-p_w_picpath

把图片设置为背景

background-position

设置背景图片的起始位置

background-repeat

设置背景图片是否及如何重复

background-size

规定背景图片的尺寸

background-origin

规定背景图片的定位区域

background-clip

规定背景的绘制区域

3 no-repeat表示不能重复,repeat可重复,repeat-x表示x轴重复,repeat-y表示y轴重复

4 图像相对于可视区是固定的(fixed),不会受到滚动的影响

5 CSS的样本-文本

CSS文本属性可定义文本的外观,可以改变文本的颜色和字符间距,对齐文本,装饰文本,对文本进行缩进,等等

属性

描述

color

文本颜色

direction

文本方向

line-height

行高

letter-spacing

字符间距

text-align

对齐元素中的文本

text-decoration

向文本添加修饰

text-indent

缩进元素中文本的首行

text-transform

元素中的字母

unicode-bidi

white-space

word-spacing

设置文本方向

元素中空白的处理方式

字间距

6 CSS链接的四种状态

a:link--普通的、未被访问的链接

a:visited--用户已访问的链接

a:hover--鼠标指针位于连接的上方

a:active-链接被点击的时刻

7 a:hover必须位于a:link和a:visited之后,而a:active必须位于a:hover之后

8 设置链接背景颜色

修改对应的属性background-color就可以了

9 修改链接的下划线

在link属性中加入text-decoration属性,将传值改为空就可以了

10 CSS列表允许防止、改变列表标志,或者将图片作为列表标志

11 列表常用的三个属性

列表类型

列表项图像

简写列表属性

12 列表类型

列表有无序,有序之分,无序列表又可以用不同的标记来区分list-style-type这个属性可以用来控制标记类型

13 列表图片

list-style-p_w_picpath属性让标记变得高大上,要先下载一个小图标放入工程文件夹,然后在CSS中添加

14 简写列表样式

把所有用于列表的属性设置于一个声明中

15 list-style的值可以按任何顺序列出,而且这些值得可以忽略,只要提供了一个值,其他的就会填入其默认值

1.15CSS表格

属性

描述

border-collapse

设置是否把表格边框合并为单一的边框

border-spacing

设置分隔单元格边框的距离

caption-side

设置表格标题的位置

empty-cells

设置是否显示表格中的空单元格

table-layout

设置显示单元、行和列的算法

0