博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css属性
阅读量:7060 次
发布时间:2019-06-28

本文共 1959 字,大约阅读时间需要 6 分钟。

字体名称font-family

设置文字名称,可以使用多个名称,或者使用逗号 分隔,浏览器则按照先后顺序依次使用可用字体。

Document
字体。

 

font-size(字体大小)

设置字体尺寸。

<absolute-size>:xx-small | x-small | small | medium | large | x-large | xx-large
<relative-size>:smaller | larger
<length>: 用长度值指定文字大小。不允许负值。
<percentage>: 用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值

    
Document

文字一

文字二

 

font-weigh

设置文本字体的粗细。

取值:
normal: 正常的字体。相当于number为400
bold: 粗体。相当于number为700。
bolder: 特粗体。也相当于strong和b对象的作用
lighter: 细体
用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Document

段落一文字

段落二文字。

段落三文字。

 

font-style(字体斜体)

设置文本字体样式。

normal: 指定文本字体样式为正常的字体
italic: 指定文本字体样式为斜体。对于没有斜体变量的特殊字体,将应用oblique
oblique: 指定文本字体样式为倾斜的字体

Document
  • 正常的字体:

    本段文字将显示为正常的字体。

  • 斜体:

    本段文字将显示为斜体。

  • 倾斜的字体:

    本段文字将显示为倾斜的字体。

 

font

设置文本特性,字体样式缩写。

Document
  • 只指定字体大小和字体:

    本段文字将显示为18px宋体。

  • 只指定字体样式、大小和字体:

    本段文字将显示为斜体的18px宋体。

  • 指定字体为message-box:

    本段文字将以message-box的字体显示。

 

color

设置文本颜色。

Document

标题

段落

 

text-decoration文本装饰线条。

设置对象中的文本的装饰。

Document
  • 文字
  • 上划线
  • 下划线
  • 删除线
  • 下划虚线

 

text-shadow

设置文本的文字是否有阴影及模糊效果。

取值:
none: 无阴影

h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊的距离。 color 可选。阴影的颜色。

Document
  • 普通文字阴影

    测试普通文字阴影效果

  • 模糊文字阴影效果

    测试模糊文字阴影效果

  • 多重模糊文字阴影效果

    测试多重模糊文字阴影效果

 

width

设置对象的宽度。

auto: 无特定宽度值,取决于其它属性值
用长度值来定义宽度。不允许负值
用百分比来定义宽度。不允许负值

Document
我的宽度为200

 

height

设置对象的高度。

auto: 无特定高度值,取决于其它属性值
用长度值来定义高度。不允许负值
 用百分比来定义高度。不允许负值 

Document
我的高度为200

 

margin

设置对象四边的外边距。

margin-top 设置上边的外边距

margin-bottom 设置下边的外边距

margin-left 设置左边的外边距

margin-right 设置右边的外边距

    
Document
div的内容

 

padding

设置对象四边的内部边距。

padding-top 设置上边的内边距

padding-bottom 设置下边的内边距

padding-left 设置左边的内边距

padding-right 设置右边的内边距

Document
div的内容

 

转载于:https://www.cnblogs.com/Leslieblogs/p/5761349.html

你可能感兴趣的文章
如何手工转移WINDOWS AD域内 Inter-Site Topology Generator (ISTG)
查看>>
注意除法hdu 2117 (模拟除法运算)
查看>>
Regular DLL Tutor For Beginners
查看>>
hdu 3987(求割边最小的最小割)
查看>>
Android设备上的传感器模拟工具:SensorSimulator
查看>>
如何使用 SD 卡升级 XT788
查看>>
破解学习Asprise OCR v4.0 64位破解...仅供学习使用
查看>>
文件主文件学习 严蔚敏讲数据结构笔记27
查看>>
开源前端框架纵横谈
查看>>
让你的 Nginx 的 RTMP 直播具有统计某频道在线观看用户数量的功能
查看>>
Android-中常用方法集锦
查看>>
win 8 学习笔记一:生存周期
查看>>
Codeforces 55D Beautiful Number (数位统计)
查看>>
菜鸟学Java(三)——JSTL标签之核心标签
查看>>
hdu 3074 Multiply game(模板级线段树)
查看>>
MySQL: load data infile
查看>>
[转]HTML accesskey 属性
查看>>
I/O多路复用详解
查看>>
Linq使用Group By经验总结
查看>>
Ajax原生写法
查看>>