CSS学习笔记-CSS文本,列表,边框,背景属性

一篇学习CSS基础的学习笔记:

CSS文本,列表,边框,背景属性

1. css常用文本属性:

属性描述
color文本颜色
text-decoration向文本添加修饰
letter-spacing增加或减少字符间距
word-spacing增加或减少字间距
direction设置文本方向
text-decoration向文本添加修饰

letter-spacing与word-spacing的区别:
解析器默认为两个字符组成一个字(单词)

2. css列表属性:

属性描述
list-style用于将所有用于列表的属性设置于一个声明之中。
list-style-image将图象设置为列表项标记
list-style-type设置列表项标记的类型
list-style-position设置列表中列表项标记被放置的位置
  • 如果在列表标签在要自定义列表项前的标记图形,必须指定list-style属性

3. css边框属性:

属性描述
border-color设置四个边框的颜色
border-style设置四个边框的样式,可以设置一到四个样式。
border-width简写属性。在一个声明中设置四个边框的宽度,可以设置一到四个值。
border-bottom简写属性。作用是在一个声明中用来设置底边框的所有属性。
border-bottom-color设置底边框的颜色
border-bottom-style设置底边框的样式。
border-bottom-width设置底边框的宽度。
  • left,right,top与bottom同理
  • 默认方向为:上,右,下,左(边框宽度,样式都遵循这个规则)
  • 如果某个边框的颜色/样式/宽度未设置,会自动补齐对边的颜色
    边框的最终简写属性:border:宽度 样式 颜色

4.CSS背景属性

属性描述
background简写属性,作用是将背景属性设置在一个声明中。
background-color设置元素的背景颜色。
background-image将图像设置为背景。
background-repeat设置背景图像是否及如何重复。
background-position设置背景图像的起始位置

背景的最终简写属性:background:颜色 图片 图片是否重复 背景图片起始位置

5. CSS浮动属性(符合流式布局)

加载页面的时候,按照标签的先后顺序形成一个文档流
文档对象,某个标签设置了互动属性,就脱离了当前的文档流,后面的元素就会随之变化(位置发生变化)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值