学习HTML5的第三天!!!

本文详细介绍了CSS中关于字体、颜色、布局、列表及背景的一系列关键属性,包括字体大小、颜色表现、文本对齐、列表符号样式、背景颜色与图片等。通过这些属性,开发者可以精确控制网页元素的视觉呈现,实现丰富的网页设计效果。
摘要由CSDN通过智能技术生成

文本的相关属性:

1.字体的单位pt:12pt=16px 1em=16px;

2.color:字体颜色的表现形式(颜色的英文(color:red)、 16进制(color:#fff0)、rgb(color:rgb(255,255,255)) 0-255)

3.font-size:字体大小

4.font-family:字体(当字体是中文字体、英文字体中有空格时,需加双引号,多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个字体以此类推浏览器默认的是simsun字体)

5.font-weight:bolder;(更粗)/bold;(加粗)/normal(常规)

font-weight:100;字体的粗细(100-900之间的整百)(100-500不加粗,变细,600-900加粗)

font-weight:lighter;让字体变细

6.font-style:italic/oblique;倾斜

font-style:normal默认的,常规显示

7.text-align:center;水平居中

text-align:right;水平靠右

text-align:left;水平靠左

text-align:justify;两端对齐 ,但是只对多行起作用

8.line-height:设置垂直居中常用line-height属性值=height的属性值

9.font是font-style font-weight font-size/line-height font-family的简写。

font:itatic 800 30px/80px “宋体”;顺序不能变,必须同时指定font-size和font-family属性时才起作用

10.text-decoration:none;去除下划线【常用在去除超链接的下划线】

text-decoration:line-through;【删除线,常用在降价】

text-decoration:overline;【上划线】

text-decoration:underline;【下划线】

11.text-indent:50%;【首行缩进,只对首行起作用,text-index可以取负值】

12.letter-spacing:字间距(控制文字和文字之间的距离)【中文】

word-spacing:字间距【英文】

13.span标签:行内标签

列表的相关属性:

1.list-style-type:【定义列表符合样式】list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉符号)

2.list-style-image:【将图片设置为列表符合样式】list-style-image:url();

3.list-style-position:设置列表样式的位置inside(在列表的里面)、outside(在列表的外面 默认值)

4.list-style:【简写】list-style:none(去除列表的符号)

CSS背景相关属性

1.background-color:背景颜色(eg:background-color:red;)

2.background-image:背景图片(eg:background-image:url();)

3.background-repeat:背景图片的平铺background-repeat:no-repeat/repeat/repeat-x/repeat-y;

4.background-position:背景图片的定位 background-possition:水平位置 垂直位置;可以给负值(eg:background-possition:126px 159px)

5.background-attachment:背景图片的固定 background-attachment:scroll(滚动)/fixed(固定 固定在浏览器窗口里面,固定之后就相对于浏览器窗口了)

6.background:【简写】不需要注意顺序

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值