CSS学习笔记--段落格式化
段落格式化:
行间距: 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学习笔记--段落格式化相关推荐
- CSS学习笔记--文本格式化
文本格式化:选择字体: font-family : Arial;font-family : Arial, Helvetica, sans-serif;font-family : "Times ...
- HTML+CSS学习笔记(2) - 认识标签(1)转载
HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...
- HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- CSS学习笔记(狂神-完整版)
CSS学习笔记(狂神-完整版) HTML + CSS + JavaScript 结构 + 表现 + 动作 1.什么是CSS 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) ...
- CSS学习笔记(详细)- 基础
CSS学习笔记从零开始 代码风格 样式书写格式 CSS基础选择器 css选择器的作用:(选择标签用的) 选择器分类:基础选择器和复合选择器 基础选择器 标签选择器 类选择器 - 开发最常用 多类名 i ...
- Web前端 html css学习笔记(更新)
HTML CSS学习笔记 2021/9/29 网页简介 HTML简介 第一个网页 自结束标签和注释 文档声明 进制 字符编码 完整的文档结构 2021/9/30 VScode安装及使用 实体 meta ...
- CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...
- 前端篇--------1.css学习笔记
1.css 单行文本换行溢出解决方案(css三件套) white-space:nowrap overflow:hidden text-overflow:ellipsis 2.css m ...
- HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
最新文章
- tensorflow op tf.global_variables_initializer
- 如何查看计算机配置和名称,如何查看电脑本机配置和跑分
- 用VBA得到EXCEL表格中的行数和列数
- Python添加模块路径
- 约瑟夫环问题——python
- 用信号量实现进程互斥示例和解决哲学家就餐问题
- SQL创建数据库– PostgreSQL,MySQL,SQL Server
- C++的string类
- 2.shiro+jdbc+idea+maven数据库
- java万年历的实现
- 新手如何在CSDN上写博客
- 汇编语言学习:VM上安装Win98系统
- Navicat的连接配置
- c语言双竖线,机器学习中的双竖线
- 计算机网络知识点整理(笔试面试)
- 在Linux上测试网络的命令之3----基础网络命令(netstat\ss)
- P4 可编程网络 — 数据面转发技术发展史
- (c语言)通俗易懂的冒泡代码思路
- DC-DC开关电源 拓扑结构(BUCK BOOST BUCK-BOOST)电路
- Microsoft Word 实用功能
热门文章
- 详尽解读正则表达式:python下的re方法
- 计算机页面大小4k,4K分辨率到底是什么?简单告诉你
- spring集成druid示例
- 宝峰uv5r怎么设置信道_宝峰UV-5R对讲机怎么操作?
- MT4电脑版如何下载
- 壁纸网站:Wallpaper Search: - wallhaven.cc
- P0口与其他口的区别
- Field tagService in xxx.service.impl.ArticleServiceImpl required a bean of type ‘xxserviceTagService
- 关于Compound Word Transformer论文代码的环境配置
- LaTeX中的特殊字符