CSS属性(一)文本、列表样式

文本属性

color 为字体指定颜色

        格式: color: 值;

        取值:英文单词、rgb、十六进制数

font-style 用于打开和关闭斜体文本

        格式:font-style: italic; ​ 取值: ​ normal:正常的,默认就是正常的 ​ italic : 倾斜的 ​ 快捷键: ​ fs font-style: italic; ​ fsn font-style: normal;

font-weight 为字体设置粗细程度

        格式: font-weight: bold; ​ 取值: ​ bold 加粗 ​ bolder 比加粗还要粗 ​ lighter 细线, 默认就是细线 ​ 数字取值: ​ 100-900之间整百的数字 ​ 400 等同于 normal ​ 700 等同于 bold

font-size 为文字指定大小

        格式:font-size: 30px; ​ 单位:px(像素 pixel) ​ 注意点: 通过font-size设置大小一定要带单位, 也就是一定要写px

font-family 为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体

        格式:font-family:"楷体";

webFont 网络字体

字体图标

text-decoration 设置或者取消文本修饰

        格式:text-decoration: underline; ​ 取值: ​ underline 下划线 ​ line-through 删除线 ​ overline 上划线 ​ none 什么都没有, 最常见的用途就是用于去掉超链接的下划线

text-align 文字排列方式

        格式: text-align: right; ​ 取值: ​ left 左 ​ right 右 ​ center 中

text-indent 文本缩进属性

        格式: text-indent: 2em; ​ 取值: ​ 2em, 其中是em单位, 一个em代表缩进一个文字的宽度

text-transform 设置或者取消字体改变

        用于使文本显示为全大写或全小写

text-shadow 设置或者取消文本阴影

         格式: text-shadow: h-shadow v-shadow blur color; ​ 取值: ​ none:取消所有阴影 ​ h-shadow :必需。水平阴影的位置。允许负值。 v-shadow :必需。垂直阴影的位置。允许负值。 ​ blur:可选。模糊的距离。 ​ color:可选。阴影的颜色。

列表样式

        list-style-type 设置列表项标志类型

        list-style-position 设置列表项标志出现的位置

        list-style-image 自定义设置列表项标志

        list-style              取值:[<type>][<image>][<position>]

其他样式

        line-height

                设置文本的行高 取值为绝对单位或者相对单位

        display

                显示方式的切换        inline 行内显示,宽高无效、block 块级显示,宽高有效、inline-block 为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素, 行内显示同时宽高有效、none 不显示,不占据屏幕空间、flex 伸缩盒布局

        visibility

                显示与隐藏        hidden 隐藏,占据屏幕空间、visible 显示

        opacity

                透明度,0-1之间的取值,取值为0的时候隐藏,占据屏幕空间

        overflow 溢出处理

                hidden 超出内容隐藏、auto 超出产生滚动条、scroll 滚动条

        cursor        光标样式

                pointer 光标呈现为指示链接的指针(一只手)        

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值