web前端开发基础(四)(CSS下篇)

目录

四.字体属性

规定文本的颜色—color

设置文本的大小—font-size

设置文本的粗细—font-weight

指定文本的字体样式—font-style

指定一个元素的字体—font-family

五.背景属性

设置背景颜色—background-color属性

设置背景图片—background--image属性

设置背景图像的起始位置background—position

设置背景图像的平铺方式—background-repeat

设置背景图像的大小—background-size

设置背景图像的固定background—attachment

六.文本属性

指定文本的水平对齐方式—text-align

文本修饰—text-decoration

控制文本的大小写—text-transform

规定文本块中首行文本的缩进—text-indent

七.表格属性

表格边框—border

折叠边框—border-collapse

表格宽度和高度—width和height

表格中的文本对齐和垂直对齐—text-align

表格填充—padding

表格颜色—color


四.字体属性

CSS字体属性定义字体,颜色、大小,加粗,文字样式

规定文本的颜色—color

1、英文单词

2、十六进制(0~9加a~f)

3、rgb(red、green、blue)

4、rgba(a表示透明度0~1)

设置文本的大小—font-size

chrome浏览器接受最小字体是12px

设置文本的粗细—font-weight

bold定义粗体字符
bolder定义更粗的字符
lighter定义更细的字符
100—900定义由细到粗,400等同默认,700等同于bold

指定文本的字体样式—font-style

normal默认值
italic定义斜体字

可以把<i>标签的样式设置为normal

指定一个元素的字体—font-family

每个值用逗号分开

如果字体名称包含空格,它必须加上引号

可以写汉字,最好用英文

五.背景属性

CSS背景属性主要有以下几个

background-color设置背景颜色
background-image设置背景图片
background-position设置背景图片显示位置
background-repeat设置背景图片如何填充
background-size设置背景图片大小属性
background-attachment设置背景图片的固定

设置背景颜色—background-color属性

设置背景图片—background--image属性

元素的背景是元素的总大小,包括填充和边界(不包括外边距)。 默认情况下background-image属性放置在元素的左上角,如果图像不够大的话会在垂直和水平方向平铺图像,如果图像大小超过元素大小从图像的左上角显示元素大小的那部分。

设置背景图像的起始位置background—position

其默认值是:0% 0%(水平方向、垂直方向起始位置)

设置背景图像的平铺方式—background-repeat

repeat默认值
repeat-x只向水平方向平铺
repeat-y只向垂直方向平铺
no-repeat不平铺

设置背景图像的大小—background-size

length设置背景图片的宽度和高度,第一个值宽度,第二个值高度,如果只是设置一个,第二个值 auto
percentage计算相对位置区域的百分比,第一个值宽度,第二个值高度,如果只是设置一个第二个值 auto
cover保持图片纵横比并将图片缩放成完全覆盖背景区域的最小大小
contain保持图片纵横比并将图像缩放成适合背景定位区域的最大大小

设置背景图像的固定background—attachment

scroll:滚动

fixed:固定

六.文本属性

设置文本的样式

指定文本的水平对齐方式—text-align

left

文本居左排列,默认值
right把文本排列到右边
center把文本排列到中间

文本修饰—text-decoration

规定添加到文本的修饰,下划线、上划线、删 除线等

underline定义下划线
overline定义上划线
line-through定义删除线

控制文本的大小写—text-transform

captialize定义每个单词开头大写
uppercase定义全部大写字母
lowercase定义全部小写字母

规定文本块中首行文本的缩进—text-indent

允许副值,为左缩进

七.表格属性

表格边框—border

三个值:边框线宽度、线的样式、线的颜色

折叠边框—border-collapse

是否被折叠成一个单一的边框或隔开(border是双边框

表格宽度和高度—widthheight

表格中的文本对齐和垂直对齐—text-align

设置水平对齐方式,向左,右,或中心

垂直对齐属性设置垂直对齐

表格填充—padding

如果在表的内容中控制内容与边框之间的距离,应使用tdth元素的填充属性(类似于设置单元格大小)

表格颜色—color

指定边框的颜色,和th元素的文本和背景颜色

Color是设置单元格字体颜色

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值