十二月九日
一.文本
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; 标记的属性将影响各个列表项

图像 文本 列表 字体使用相关推荐

  1. 文本、字体、图像、列表

    文本颜色 color 属性用于设置文本的颜色.颜色由以下值指定: 颜色名 - 比如 red 十六进制值 - 比如 #ff0000 RGB 值 - 比如 rgb(255, 0, 0) 文本对齐 text ...

  2. 文字,字体,图像,列表

    一:文本 1.1 文本颜色 color 属性用于设置文本的颜色.颜色由以下值指定: 颜色名 - 比如 red 十六进制值 - 比如 #ff0000 RGB 值 - 比如 rgb(255, 0, 0) ...

  3. Web学习第四天——CSS简介、选择器,常用(文本、字体、列表、背景、超链接)样式

    Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式 一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...

  4. CSS_02_背景_文本_字体_链接_列表_表格

    CSS 背景 CSS 背景属性用于定义HTML元素的背景. CSS 属性定义背景效果: background-color    颜色 background-image  图片 background-r ...

  5. [H5]CSS3样式(背景、文本、字体、链接、列表、表格和轮廓)

    [H5]CSS3样式(背景.文本.字体.链接.列表.表格和轮廓) [index.html] <!DOCTYPE html> <html lang="en"> ...

  6. R语言可视化绘制及PDF使用字体参数列表:查看字体列表、可视化绘制图像中的字体参数列表、字体示例并写入pdf

    R语言可视化绘制及PDF使用字体参数列表:查看字体列表.可视化绘制图像中的字体参数列表.字体示例并写入pdf 目录 R语言可视化绘制及PDF使用字体参数列表:查看字体列表.可视化绘制图像中的字体参数列 ...

  7. 第七节 Html字体样式,HTML学习笔记 CSS文本及字体及连接及列表 第七节 (原创)(示例代码)...

    文本及字体及连接及列表 hello tzy 静夜思 床前明月光 疑是地上霜 床前明月光 疑是地上霜 this is web page This is wEb pAge tHis is wEb page ...

  8. 链接、图像、列表、计数器

    链接.图像.列表.计数器 链接和图像 链接 链接元素 Email链接 锚点 下载功能 伪类选择器 动态伪类选择器 目标伪类选择器 图像 图像元素 背景图像 background-image属性 bac ...

  9. Tesseract-ocr实现图像文本识别

    Tesseract是一个开源的OCR(Optical Character Recognition,光学字符识别)引擎,可以识别多种格式的图像文件并将其转换成文本,目前已支持60多种语言(包括中文). ...

最新文章

  1. 35 利用构造函数和原型对象实现继承
  2. python拆堆和堆叠的操作_堆叠框架的Python / Tkinter退出按钮
  3. 图像反光能被一键去除了?港科大开源RFC,仅用一个操作,强反光也能完美去除|CVPR2021...
  4. 龙岗网络推广解析有关网站SEO排名上去了,但没实际性点击的问题
  5. linux 易语言窗口程序_浅谈Linux入门的基本知识
  6. jps,jstat,jinfo,jmap,jhat,jstack工具的使用/查看Linux磁盘信息
  7. 在Apache Camel中使用Spring数据
  8. MATLAB-S函数
  9. C#之ActionBlock异步关闭死锁
  10. 牛x!一个比传统数据库快 100-1000 倍的数据库!
  11. sql server2008 r2 密钥
  12. linux,centos7环境下,安装RabbitMQ
  13. 如何安装vue并创建vue.js框架项目
  14. 华为——IS-IS理论+实验,L1,L2,L1-2彼此之间的邻居关系建立
  15. 货拉拉 Android 动态资源管理系统原理与实践(下)
  16. 做食材配送行业,哪个平台软件比较好?
  17. python匿名函数lambda_Python中什么情况下应该使用匿名函数lambda
  18. gorilla/mux的使用
  19. Spring Boot教程(二十五)返回JSON格式
  20. shell中 的 export命令

热门文章

  1. 百度AI(一) | 人脸对比
  2. python编码问题
  3. 树的最长直径一次遍历和两次遍历法
  4. 跟随高倚天老师学习自由泳近两年的回顾及其他
  5. GRL(CVPR2023图像修复)训练自己的数据集
  6. orangepi3 lts裸机点灯
  7. 美团Leaf源码——号段模式源码解析
  8. leaf源码分析(四)----console和module
  9. 树的c++实现--建立一棵树
  10. php 上级控制下级权限,业务单据上下级权限控制实现