段落格式化:

行间距: line-height : 150%;   //   1.5, 2em, 20px

对齐文本: text-align :   // left, right, center, justify

首行缩进: text-indent : 20px;text-index : 5em;

控制段落间距:p { margin-top : 0;   margin-bottom : 0}

格式化段落的首字母或首行:p : first-letter { font-weight : bold;    color: red;}

给特定段落的首字母设置样式:如 .intro:<p class="intro">Text for introductory paragaph goes here....</p>

然后创建一个具名样式, 如   .intro:first-letter { text-transform : uppercase;}

如何给列表定义样式:

用项目符号表示无序列表:disc, circle,  square

表示有序列表有6种: decimal, decimal-leading zreo, upper-alpha, lower-alpha, upper-roman, lower-

romanlist-style-type : square;list-style-type : upper-alpha;

隐藏项目符号:list-style-type : none;

给项目符号定位: list-style-position : outside;list-style-position : inside;

消除所有列表缩进:ul, ol {  padding-left : 0 ;  margin-left: 0;}

指定url图片路径list-style-image : url(images/bullet.gif);

CSS学习笔记--段落格式化相关推荐

  1. CSS学习笔记--文本格式化

    文本格式化:选择字体: font-family : Arial;font-family : Arial, Helvetica, sans-serif;font-family : "Times ...

  2. HTML+CSS学习笔记(2) - 认识标签(1)转载

    HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...

  3. HTML/CSS学习笔记01【概念介绍、基本标签】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  4. CSS学习笔记(狂神-完整版)

    CSS学习笔记(狂神-完整版) HTML + CSS + JavaScript 结构 + 表现 + 动作 1.什么是CSS 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) ...

  5. CSS学习笔记(详细)- 基础

    CSS学习笔记从零开始 代码风格 样式书写格式 CSS基础选择器 css选择器的作用:(选择标签用的) 选择器分类:基础选择器和复合选择器 基础选择器 标签选择器 类选择器 - 开发最常用 多类名 i ...

  6. Web前端 html css学习笔记(更新)

    HTML CSS学习笔记 2021/9/29 网页简介 HTML简介 第一个网页 自结束标签和注释 文档声明 进制 字符编码 完整的文档结构 2021/9/30 VScode安装及使用 实体 meta ...

  7. CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法

    CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...

  8. 前端篇--------1.css学习笔记

    1.css 单行文本换行溢出解决方案(css三件套) white-space:nowrap     overflow:hidden     text-overflow:ellipsis 2.css m ...

  9. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

最新文章

  1. tensorflow op tf.global_variables_initializer
  2. 如何查看计算机配置和名称,如何查看电脑本机配置和跑分
  3. 用VBA得到EXCEL表格中的行数和列数
  4. Python添加模块路径
  5. 约瑟夫环问题——python
  6. 用信号量实现进程互斥示例和解决哲学家就餐问题
  7. SQL创建数据库– PostgreSQL,MySQL,SQL Server
  8. C++的string类
  9. 2.shiro+jdbc+idea+maven数据库
  10. java万年历的实现
  11. 新手如何在CSDN上写博客
  12. 汇编语言学习:VM上安装Win98系统
  13. Navicat的连接配置
  14. c语言双竖线,机器学习中的双竖线
  15. 计算机网络知识点整理(笔试面试)
  16. 在Linux上测试网络的命令之3----基础网络命令(netstat\ss)
  17. P4 可编程网络 — 数据面转发技术发展史
  18. (c语言)通俗易懂的冒泡代码思路
  19. DC-DC开关电源 拓扑结构(BUCK BOOST BUCK-BOOST)电路
  20. Microsoft Word 实用功能

热门文章

  1. 详尽解读正则表达式:python下的re方法
  2. 计算机页面大小4k,4K分辨率到底是什么?简单告诉你
  3. spring集成druid示例
  4. 宝峰uv5r怎么设置信道_宝峰UV-5R对讲机怎么操作?
  5. MT4电脑版如何下载
  6. 壁纸网站:Wallpaper Search: - wallhaven.cc
  7. P0口与其他口的区别
  8. Field tagService in xxx.service.impl.ArticleServiceImpl required a bean of type ‘xxserviceTagService
  9. 关于Compound Word Transformer论文代码的环境配置
  10. LaTeX中的特殊字符