CSS的文本属性

CSS外观属性
color: 文本颜色

  1. 预定义的颜色值 如 red green blue 等
  2. 十六进制, 如#FF0000 = #F00, #FF6600 #F60, #29D794等 实际工作中 十六进制是最常用的定义颜色的方式
  3. RGB代码 如容色可以表示为 rgb(255,0,0) 或者 rgb(100%,0%,0%)

line-height: 行间距
设置行间距 就是行与行之间的距离

text-align: 水平对齐方式
设置文本内容的水平对齐 相当于html中的align对齐属性
Left(左对齐) Right(右对齐) Center(居中对齐)

text-indent : 首行缩进
设置首行文本的缩进,建议使用em作为设置单位
汉字的段落 1em就是一个汉字的宽度
letter-spacing : 字间距
定义字符与字符之间的间距 允许使用负值 默认为 normal
word-spacing : 单词间距
定义英语单词之间的间距 对中文字符无效 允许使用负值 默认为 normal
word-spacing和letter-spacing均可对英文进行设置 不同的是letter-spacing定义的为字母之间的间距 而word-spacing定义的为英文单词之间的间距

word-break: 自动换行
normal 使用浏览器默认的换行规则
break-all 允许在单词内换行
keep-all 只能在半角或连字符处换行

文字阴影
text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色
h-shadow(水平阴影) v-shadow(垂直阴影)
blur(模糊距离) color(阴影颜色)

引入CSS样式表(书写位置)
1.内嵌式 2.行内式(内联样式) 3.链入式
注:href: 定义所链接外部样式表文件的URL,可以是相对路径 也可以是绝对路径
type: 定义所链接文档的类型, 在这里需要指定为"text/css",表示链接的外部文件为css样式表
rel : 定义当前文档与被链接文档之间的关系,在这里需要指定为"stylesheet"表示被链接的文档是一个样式表文件

标签显示模式转换 display
块转行内 : display: inline;
行内转块 : display: block;
块、行内元素转换为行内块 : display : inline-block;

CSS复合选择器
1.交际选择器:由两个选择器构成 其中第一个为标签选择器 第二个为 class 选择器 两个选择器之间不能有空格 如 h2.special
2.并集选择器:任何形式的选择器(包括标签选择器,class类选择器id选择器等),都可以作为并集选择器的一部分 如果某些选择器定义的样式完全相同 或 部分相同 就可以利用并集选择器为他们定义相同的CSS样式
3.后代选择器:用来选择元素或元素组的后代 其写法就是把外层标签写在前面 内层标签写在后面 中间用空格分隔 当标签发生嵌套时 内层标签就称为外层标签的后代
4.子元素:只能选择作为某元素子元素的元素 其写法就是把父级标签写在前面 子级标签写在后面 中间跟一个 > 进行连接 注意 符号左右两侧各保留一个空格!!!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值