博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
008 常用样式
阅读量:6431 次
发布时间:2019-06-23

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

常用样式

1、字体样式

  • font-family:字体族科,多值用于备用,以,隔开
font-family: "STSong", "Arial";
  • font-size:字体大小
  • font-style: 字体风格 normal | italic | oblique
  • font-weight:字体重量 normal | bold | lighter | 100~900
  • line-height:行高
  • font:字重 风格 大小/行高 字族

2、文本样式

  • color:文本颜色
  • text-align:横向排列
left 居左 | center 居中 | right 居右
  • vertical-align:纵向排列
baseline:将支持valign特性的对象的内容与基线对齐 sub:垂直对齐文本的下标 super:垂直对齐文本的上标 top:将支持valign特性的对象的内容与对象顶端对齐 text-top:将支持valign特性的对象的文本与对象顶端对齐 middle:将支持valign特性的对象的内容与对象中部对齐 bottom:将支持valign特性的对象的文本与对象底端对齐 text-bottom:将支持valign特性的对象的文本与对象底端对齐
  • text-indent:字体缩减
  • text-decoration:字划线
  • letter-spacing:字间距
  • word-spacing:词间距
  • word-break:自动换行
normal:默认换行规则break-all:允许在单词内换行

3、背景样式

  • background-color:颜色
  • background-image:图片
background-image: url(bg.png);
  • background-repeat:重复
repeat | no-repeat | repeat-x | repeat-y
  • background-position:定位
top | bottom | left | right | center
v_hint:定位值可为方位词、百分比及固定值,值个数默认为两位(水平/垂直),一个值时垂直默认center
  • background-attachment:滚动模式
scroll | fixed
v_eg:父级设置属性,子集内容超出父级范围
v_hint:掌握基本属性

转载于:https://www.cnblogs.com/earon/p/9682524.html

你可能感兴趣的文章
OSI七层模型
查看>>
去除工程的.svn隐藏文件夹
查看>>
Python24 终端如何输出彩色字体
查看>>
XSS跨站脚本***
查看>>
linux 挂载光驱
查看>>
ASP.NET MVC Area操作
查看>>
CSS颜色代码大全
查看>>
LINQ之路10:LINQ to SQL 和 Entity Framework(下)
查看>>
circle area
查看>>
怎么改变按钮的图标
查看>>
当输入流和输出流同时作用一个文件
查看>>
MySQL关于表碎片整理OPTIMIZE TABLE操作
查看>>
FortiGate 0458版本bug
查看>>
后台post注入爆密码
查看>>
Java --- 多线程 面试题
查看>>
OA项目如何成功实施!
查看>>
FindMaxConsecutive.java
查看>>
面试官问:ZooKeeper 一致性协议 ZAB 原理
查看>>
DNS实现域名正解与反解
查看>>
反向教学系列之——Django入门(一)【不需知道web框架】
查看>>