图像 文本 列表 字体使用
十二月九日
一.文本
1.文本 字体 图像 列表
2. 文本对齐 justify 拉伸每一行 使每一行具有相等宽度 并且左右边距是直的(就像在杂志和报纸中)
3.垂直对齐 vertical-align 设置元素垂直对齐方式
4.文本装饰 text-decoration设置或删除文本装饰 text-decoration:none;删除下划线
underline加上下划线 overline上划线 line-through线在字体中间
5.文本缩进 text-indent指定文本第一行缩进
6.字符间距 letter-spacing 指定文本中字符之间距离
7.文本阴影 text-shadow 文本添加阴影 (水平 垂直 模糊效果 颜色)
二.字体
1.font-family字体属性 选择字体
2 字体样式.font-style指定斜体文本 normal正常显示 italic-斜体显示
3.字体粗细.font-weight字体粗细 bold字体加粗
4.字体大小.font-size文本字体大小
绝对尺寸 设置指定大小 不许在浏览器设置中更改(可访问性不佳)
相对尺寸 设置相对于周围元素大小 允许浏览器修改 1:16
5.em设置字体大小 使用百分比与em组合
响应式字体大小 使用vm单位设置文本大小 (视口宽度)1vw=视口宽度1%
三.背景图像
background-image指定元素背景图像
background-repeat 属性设置是否及如何重复背景图像。
默认地,背景图像在水平和垂直方向上重复。
图像精灵 单个图像包含图像集合 包含许多图像网页可能需要很长时间记载
no-repeat不能重复 后面x轴 y轴
padding内边距
四.列表
4.1 HTML 列表和 CSS 列表属性
在 HTML 中,列表主要有两种类型:
- 无序列表(ul)- 列表项用的是项目符号标记
- 有序列表(ol)- 列表项用的是数字或字母标记
4.2 不同的列表项目标记
`list-style-type` 属性指定列表项标记的类型。
下例显示了一些可用的列表项标
4.3 图像作为列表项标记
`list-style-image` 属性将图像指定为列表项标记:
4.4 删除默认设置
`list-style-type:none` 属性也可以用于删除标记/项目符号。
4.5 设置列表的颜色样式
我们还可以使用颜色设置列表样式,使它们看起来更有趣。
添加到ol; 或ul; 标记的任何样式都会影响整个列表,而添加到li; 标记的属性将影响各个列表项
图像 文本 列表 字体使用相关推荐
- 文本、字体、图像、列表
文本颜色 color 属性用于设置文本的颜色.颜色由以下值指定: 颜色名 - 比如 red 十六进制值 - 比如 #ff0000 RGB 值 - 比如 rgb(255, 0, 0) 文本对齐 text ...
- 文字,字体,图像,列表
一:文本 1.1 文本颜色 color 属性用于设置文本的颜色.颜色由以下值指定: 颜色名 - 比如 red 十六进制值 - 比如 #ff0000 RGB 值 - 比如 rgb(255, 0, 0) ...
- Web学习第四天——CSS简介、选择器,常用(文本、字体、列表、背景、超链接)样式
Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式 一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...
- CSS_02_背景_文本_字体_链接_列表_表格
CSS 背景 CSS 背景属性用于定义HTML元素的背景. CSS 属性定义背景效果: background-color 颜色 background-image 图片 background-r ...
- [H5]CSS3样式(背景、文本、字体、链接、列表、表格和轮廓)
[H5]CSS3样式(背景.文本.字体.链接.列表.表格和轮廓) [index.html] <!DOCTYPE html> <html lang="en"> ...
- R语言可视化绘制及PDF使用字体参数列表:查看字体列表、可视化绘制图像中的字体参数列表、字体示例并写入pdf
R语言可视化绘制及PDF使用字体参数列表:查看字体列表.可视化绘制图像中的字体参数列表.字体示例并写入pdf 目录 R语言可视化绘制及PDF使用字体参数列表:查看字体列表.可视化绘制图像中的字体参数列 ...
- 第七节 Html字体样式,HTML学习笔记 CSS文本及字体及连接及列表 第七节 (原创)(示例代码)...
文本及字体及连接及列表 hello tzy 静夜思 床前明月光 疑是地上霜 床前明月光 疑是地上霜 this is web page This is wEb pAge tHis is wEb page ...
- 链接、图像、列表、计数器
链接.图像.列表.计数器 链接和图像 链接 链接元素 Email链接 锚点 下载功能 伪类选择器 动态伪类选择器 目标伪类选择器 图像 图像元素 背景图像 background-image属性 bac ...
- Tesseract-ocr实现图像文本识别
Tesseract是一个开源的OCR(Optical Character Recognition,光学字符识别)引擎,可以识别多种格式的图像文件并将其转换成文本,目前已支持60多种语言(包括中文). ...
最新文章
- 35 利用构造函数和原型对象实现继承
- python拆堆和堆叠的操作_堆叠框架的Python / Tkinter退出按钮
- 图像反光能被一键去除了?港科大开源RFC,仅用一个操作,强反光也能完美去除|CVPR2021...
- 龙岗网络推广解析有关网站SEO排名上去了,但没实际性点击的问题
- linux 易语言窗口程序_浅谈Linux入门的基本知识
- jps,jstat,jinfo,jmap,jhat,jstack工具的使用/查看Linux磁盘信息
- 在Apache Camel中使用Spring数据
- MATLAB-S函数
- C#之ActionBlock异步关闭死锁
- 牛x!一个比传统数据库快 100-1000 倍的数据库!
- sql server2008 r2 密钥
- linux,centos7环境下,安装RabbitMQ
- 如何安装vue并创建vue.js框架项目
- 华为——IS-IS理论+实验,L1,L2,L1-2彼此之间的邻居关系建立
- 货拉拉 Android 动态资源管理系统原理与实践(下)
- 做食材配送行业,哪个平台软件比较好?
- python匿名函数lambda_Python中什么情况下应该使用匿名函数lambda
- gorilla/mux的使用
- Spring Boot教程(二十五)返回JSON格式
- shell中 的 export命令