2.css字体 文本属性
一、字体风格
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字体 文本属性相关推荐
- CSS选择器/CSS字体文本属性/CSS引入方式/案例
CSS 1.CSS简介 1.1 HTML的局限性 虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Style ...
- CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性 快捷操作emmet语法 练习案例-体育页面 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p ...
- CSS 字体文本样式
文章目录 CSS字体文本样式 字体样式 color 字体颜色 font-size 字体大小 font-family 字体类型 font-weight 字体粗细 font-style 字体风格 综合简写 ...
- CSS字体样式属性(font-size、font-family、Unicode、font-weight、font-style、font)
CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...
- 常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记
一.常见的CSS字体样式属性 1.font-size属性:用于设置字体字号 该属性的值有 相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用) 绝对长度单位:in(英寸)cm(厘米)m ...
- html中样式属性有哪些,css字体样式属性有哪些?
css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...
- CSS初识(三):CSS字体文本相关属性
属性 CSS属性有很多,不过常用的并不多,大概30个左右.请注意区别CSS属性和HTML属性. 按照功能大致分为以下几类: 字体有关属性 font-size: 设置字体大小,单位是px(像素):一些不 ...
- HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签 标签 描述 标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
- CSS-基础选择器、字体文本属性、引入方式
CSS简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表. CSS 是也是一种标记语言:主要用于设置 HTML 页 ...
最新文章
- 实例代码分享Python实现Linux监控
- TensorFlow之conv2d函数解析
- WEB前端 从原生JavaScript到MVVM
- 漫步线性代数十七——正交基和格拉姆-施密特正交化(上)
- bzoj4008: [HNOI2015]亚瑟王
- 基于php考试系统设计与实现研究文毕业设计(论文)学生中期检查,毕业设计(论文)中期检查报告(学生填写)...
- 防火墙NAT映射-端口映射-从零开始学RouterOS系列05
- 人脸识别小区门禁系统_小区人脸识别门禁系统
- 陶森大学计算机专业收入水平,2016PayScale美国大学计算机专业本科毕业生薪酬排名...
- 计算机的发明人是约翰用英语,电脑发明者是谁:约翰·冯·诺依曼(发明于1946年)...
- DDR2(SDRAM)初始化 28个步骤总结
- Linux键盘输入读取
- Android调用系统相机拍照并保存到指定位置
- 怎么把服务器上的文件备份到nas,如何将文件备份到NAS
- Jupyter notebook中的Markdown语法:表格
- ImportError: No module named datetime全局python解决time显示问题
- LTE学习笔记--PRACH
- Java面试题(4)
- 流氓软件卸载与避免的一些方法
- Markdown绘制流程图的方法