一、字体风格

font-family 字体(比如宋体,微软雅黑)
font-size 字体大小
font-weight 字体粗细(700加粗,400正常)
font-style 字体风格(normal正常,italic倾斜)
符合属性:必须要有大小和字体,其余可有可无
font: 风格 粗细 大小/间距 字体

   <style>body {font-size: 20px;}h1 {font-family: 'Microsoft YaHei', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 40px;font-weight: 700;}.ziti {font-weight: 700;}em {font-style: normal;}</style>
<body><h1>40像素,标题标签是特殊的,不会受到body的改变</h1><p>20像素</p><p class="ziti">加粗=700 正常=400</p><em>em标签本身是倾斜的,用font-style: normal变成正常的</em>
</body>

二、文本属性

颜色color: red/ #FF000/ rgb(255,0,0) 红色
对齐方式text-align: left/ center/ right 文字左 /居 /右中对齐
装饰文本text-decoration:none/ underline/ overline/ line-through 没装饰 下划线 上划线 删除线
首行缩进text-indent: 2em(两个当前文字大小)
行间距line-height: 26px(字+上下间距一起26)

<style>h1 {text-align: center;}p {color: #337eaf;text-decoration: readline;text-indent: 2em;line-height: 25px;}</style><h1>文本属性</h1><p>颜色color: red/ #FF000/ rgb(255,0,0) 红色</p><p>对齐方式text-align: left/ center/ right 文字左 /居 /右中对齐</p><p>装饰文本text-decoration:none/ underline/ overline/ line-through 没装饰 下划线 上划线 删除线</p><p>首行缩进text-indent: 2em(两个当前文字大小)</p><p>行间距line-height: 26px(字+上下间距一起26)</p>

2.css字体 文本属性相关推荐

  1. CSS选择器/CSS字体文本属性/CSS引入方式/案例

    CSS 1.CSS简介 1.1 HTML的局限性 虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Style ...

  2. CSS基础——CSS字体样式属性【学习笔记】

    CSS字体样式属性调试工具 font字体 CSS外观属性 快捷操作emmet语法 练习案例-体育页面 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p ...

  3. CSS 字体文本样式

    文章目录 CSS字体文本样式 字体样式 color 字体颜色 font-size 字体大小 font-family 字体类型 font-weight 字体粗细 font-style 字体风格 综合简写 ...

  4. CSS字体样式属性(font-size、font-family、Unicode、font-weight、font-style、font)

    CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...

  5. 常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记

    一.常见的CSS字体样式属性 1.font-size属性:用于设置字体字号 该属性的值有 相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用) 绝对长度单位:in(英寸)cm(厘米)m ...

  6. html中样式属性有哪些,css字体样式属性有哪些?

    css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...

  7. CSS初识(三):CSS字体文本相关属性

    属性 CSS属性有很多,不过常用的并不多,大概30个左右.请注意区别CSS属性和HTML属性. 按照功能大致分为以下几类: 字体有关属性 font-size: 设置字体大小,单位是px(像素):一些不 ...

  8. HTML5常用的文本标签及css字体样式属性

    HTML5常用的文本标签 标签 描述 标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...

  9. CSS-基础选择器、字体文本属性、引入方式

    CSS简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表. CSS 是也是一种标记语言:主要用于设置 HTML 页 ...

最新文章

  1. 实例代码分享Python实现Linux监控
  2. TensorFlow之conv2d函数解析
  3. WEB前端 从原生JavaScript到MVVM
  4. 漫步线性代数十七——正交基和格拉姆-施密特正交化(上)
  5. bzoj4008: [HNOI2015]亚瑟王
  6. 基于php考试系统设计与实现研究文毕业设计(论文)学生中期检查,毕业设计(论文)中期检查报告(学生填写)...
  7. 防火墙NAT映射-端口映射-从零开始学RouterOS系列05
  8. 人脸识别小区门禁系统_小区人脸识别门禁系统
  9. 陶森大学计算机专业收入水平,2016PayScale美国大学计算机专业本科毕业生薪酬排名...
  10. 计算机的发明人是约翰用英语,电脑发明者是谁:约翰·冯·诺依曼(发明于1946年)...
  11. DDR2(SDRAM)初始化 28个步骤总结
  12. Linux键盘输入读取
  13. Android调用系统相机拍照并保存到指定位置
  14. 怎么把服务器上的文件备份到nas,如何将文件备份到NAS
  15. Jupyter notebook中的Markdown语法:表格
  16. ImportError: No module named datetime全局python解决time显示问题
  17. LTE学习笔记--PRACH
  18. Java面试题(4)
  19. 流氓软件卸载与避免的一些方法
  20. Markdown绘制流程图的方法

热门文章

  1. HAZOP到LOPA和SIL验算软件-歌略RiskCloud
  2. 微信公众号与微信小程序相辅相成
  3. Js模拟重力场【Js动效】
  4. Windows7 U盘安装Ubuntu14.04双系统教程
  5. 引发的异常: 0xC0000005: 读取位置 0x0000000000000008 时发生访问冲突
  6. Python 面向对象
  7. echarts 好看的柱形图
  8. 48V LDO三端稳压IC 60v 100V 300V电源降压芯片系统解决方案
  9. 第31讲:永久存储:腌制一缸美味的泡菜
  10. 计算机网络-网络层(网络层功能概述,异构网络互联,路由与转发,SDN基本概念)