字体属性

font-weight 文字是否加粗。font的单一属性,属性值可以是单词类型和数字类型(100-900,数字越大越粗,400相当关于normal,700相当于bold)。normal 默认值,定义标准字体。

bold 定义文字粗体显示,b,strong标签的默认值。

bolder 定义更粗的字体

lighter 定义更细的字体

#normal {

/* font-weight: normal; */

font-weight: 400;

}

#bold {

/* font-weight: bold; */

font-weight: 700;

}

#bolder {

font-weight: bolder;

}

#lighter {

font-weight: lighter;

}

默认

加粗

更粗

更细

font-style 是否斜体显示,font的单一属性。

normal 正规字体,默认值。

italic 设置斜体,主要针对英文,要求英文一字体斜体样式显示

oblique 设置倾斜的文字,和字体无关

#p1 {

font-style: normal;

}

#p2 {

font-style: italic;

}

#p3 {

font-style:oblique;

}

默认

斜体,主要针对英文

斜体,和字体无关

line-height 行高,一行文字实际占有的高度,文字字号在行高中式垂直居中。属性值px像素 和 百分比数值(本身字号像素的百分比)。当行高和实际高度一样的时候,就可以实现垂直居中。

div p {

height: 100px;

background-color: aqua;

line-height: 100px;

}

用来学习行高

font 综合属性。可以两个以上属性值,必须要有字体和字号,而且必须字号在前。两个:字号 字体

三个:字号/行高 字体

三个以上:bold italic 字号/行高 字体

p {

/* font: 20px "宋体"; */

/* font: 20px/40px "宋体"; */

font: oblique 20px/40px "宋体"

}

font综合

文本属性

text-align 设置文本水平方向的对齐。在盒子中,不论是单文本,还是多行,都会对应方向对齐。

p {

text-align:left /* 左对齐 */

text-align:center /* 居中 */

text-align:right /* 右对齐 */

}

对齐方式

text-decoration 设置文本整体是否有线条修饰none 没有修饰

overline 上划线

line-through 中划线,删除线

underline 下划线

#none {

text-decoration: none;

}

#overline {

text-decoration: overline;

}

#through {

text-decoration: line-through;

}

#under {

text-decoration: underline;

}

默认

上划线

中划线

下划线

text-indent 设置首行是否进行缩进。属性值区分正负数。px 首行缩进多少像素

em 首行缩进几个中文字符

百分比 缩进占父级标签width的百分比

p {

text-indent:2em;

}

首行缩进

css文本行高是哪个属性_CSS-常用文本属性相关推荐

  1. css字行高怎么设,css文本行高怎么设置-电脑自学网

    css文本行高的设置方法:首先新建文件,使用div标签创建一行文字:然后编写样式,设置div标签的class属性为mybkkd:最后通过div标签的class属性mybkkd设置文字上下的行高. 本教 ...

  2. css文本行高是哪个属性_CSS中的line-height行高属性的使用技巧小结

    CSS中的line-hight属性是用来控制文本行之间的空隙的.它一般情况下没有单位的设定(如:line-height:1.4;)所以这是一个按字体尺寸的比例来计算.这对印刷版来说是一个很重要的属性. ...

  3. css文本行高是哪个属性_css属性行高line-height的用法详解

    css属性行高line-height的用法详解 发布时间:2014-08-02 23:21:52   作者:佚名   我要评论 本文介绍下css中的line-height属性的用法,通过实例学习css ...

  4. css文本行高是哪个属性_CSS样式----CSS属性:字体属性和文本属性(图文详解)...

    本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 本文重要内容 CSS的单位 字体属性 文本属性 定 ...

  5. css文本行高是哪个属性_CSS字体属性和文本属性总结

    1.CSS字体属性 1.1 字体  font-family 1.2 字号 font-size 1.3 字体粗细  font-weight font-weight : bold; font-weight ...

  6. 如何设置文本不换行省略号显示等CSS常用文本属性

    如何让多余的文本省略号显示首先要说几个属性的作用: whitespace:nowrap 中文行末不断行显示 overflow: 控制超出文本的显示方式:hidden 超出范围文本隐藏:scroll 始 ...

  7. css里td自带什么属性,关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)...

    简介这篇文章主要介绍了关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)以及相关的经验技巧,文章约1129字,浏览量216,点赞数4,值得参考! te ...

  8. 文件夹内的文本行数_重温生物信息重要的文本处理命令(实例命令及解释)

    linux文本处理命令是一类对文件进行操作的命令,通过使用文本处理命令,可以轻松的对文件进行排序,拆分,合并等操作,熟练掌握文本处理命令,在生物信息文本处理中,有十分重要的意义. 01 cat 查看文 ...

  9. 二、属性操作,文本属性值,元素操作,尺寸、位置操作

    1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属 ...

  10. 文本行高——line-height属性

    line-height CSS 属性用于设置多行元素的空间量,如多行文本的间距.对于块级元素,它指定元素行盒(line boxes)的最小高度.对于非代替的 inline 元素,它用于计算行盒(lin ...

最新文章

  1. MyAdapter Andriod
  2. 无法删除DLL文件解决方法(转)
  3. ubuntu下面的报错Call to undefined function curl_init()
  4. MAUI安卓子系统调试方法(附安装教程)
  5. 动手造轮子:写一个日志框架
  6. input readonly 光标显示问题
  7. 相机内参中cx cy_Opencv中的两种去畸变函数
  8. Linux GDB Debugging
  9. java doget 和dopost_Servlet中的doGet和doPost
  10. 用acdsee制作html,应用文论文写作 - - 计算机 - 计算机网络 - ACDSee的HTML相册生成...
  11. 5分钟快速了解区块链中的哈希值Hash(用户密码存储举例说明)?
  12. 阿里云盾AliYunDun服务IO超高
  13. Android中framework层下添加aidl编译说程序包不存在
  14. Elasticsearch应用案例1:百度
  15. 深入浅出监控神器Prometheus
  16. 【翻译】智能制造中EDA 应用及益处系列之四:精密故障检测与分类(FDC)
  17. 新浪云python开发_python,flask,SAE(新浪云),搭建开发微信公众账号
  18. AI趋势下,小布助手的进化论
  19. 天大博士/硕士学位论文Latex模板2021年
  20. Visual C++实现推箱子游戏的核心算法设计与实现(附源码和和资源)

热门文章

  1. set 集合容器实现元素的插入与中序排序
  2. 认识linux,走进开源世界。
  3. 如何判断sql server 2000 是否大了sp4补丁
  4. Microsoft AJAX Library的beta2版发布
  5. iptables介绍与实践
  6. Springboot监控之二:Spring Boot Admin对Springboot服务进行监控
  7. 一个小问题(语法分析中的括号匹配)
  8. Linux 常用软件分类
  9. 《树莓派渗透测试实战》——1.7 树莓派渗透测试场景
  10. 算法第四版学习笔记之初级排序算法