css排版和元素分类
来源:互联网 发布:win10系统优化软件 编辑:程序博客网 时间:2024/06/11 19:38
css文字排版
字体:font-family:"Microsoft Yahei"
字号:font-size:xxpx
颜色:color:#fff
粗体:font-weight:bold
斜体:font-style:italic
下划线:text-decoration:underline
删除线:text-decoration:line-through
段落排版:
缩进:text-indent:2em(2个字大小)
行高:line-height:2em
中文字间隔 letter-spacing
字母间隔 word-spacing
对其 text-align:center/left/right
元素分类:
在css中,HTML中的标签元素大体可以分为三种不同的类型:
块状元素,内联元素(行内元素),内联块状元素
常见的块状元素:
<div>,<p>,<hx>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>
常用的内联元素有:
<a>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>
常用的内联块状元素有:
<img>,<input>
一,块状元素
1.设置display:block就是将元素显示设置为块状元素。如:
a{display:block}这样a就拥有了块状元素的特点
2.块状元素的特点:
1.一个块状元素占一行
2.元素的高度,宽度,行高,顶和底边距都可以设置
3.元素宽度不设置的情况下,是它父元素的宽度
二,内联元素(行内元素inline)
1.设置display:inline将元素设置为内联元素如:
div{display:inline}这样div就拥有了内联元素的特点
2.内联元素的特点
1.和其他元素都在一行上
2.元素的高度,宽度,顶部和底部边距不可设置
3.元素的宽度就是它包含的文字或者图片的宽度,不可改变
三,内联块状元素(inline-block)
1同时具有内联,块状元素的特点display:inline-block就是将元素设置为内联块状元素(长沙市。1)
<img>,<input>标签就是这种内联块状标签
2特点:
1.和其他元素都在一行上
2.元素的高度,宽度,行高和顶,底边距都可设置
字体:font-family:"Microsoft Yahei"
字号:font-size:xxpx
颜色:color:#fff
粗体:font-weight:bold
斜体:font-style:italic
下划线:text-decoration:underline
删除线:text-decoration:line-through
段落排版:
缩进:text-indent:2em(2个字大小)
行高:line-height:2em
中文字间隔 letter-spacing
字母间隔 word-spacing
对其 text-align:center/left/right
元素分类:
在css中,HTML中的标签元素大体可以分为三种不同的类型:
块状元素,内联元素(行内元素),内联块状元素
常见的块状元素:
<div>,<p>,<hx>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>
常用的内联元素有:
<a>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>
常用的内联块状元素有:
<img>,<input>
一,块状元素
1.设置display:block就是将元素显示设置为块状元素。如:
a{display:block}这样a就拥有了块状元素的特点
2.块状元素的特点:
1.一个块状元素占一行
2.元素的高度,宽度,行高,顶和底边距都可以设置
3.元素宽度不设置的情况下,是它父元素的宽度
二,内联元素(行内元素inline)
1.设置display:inline将元素设置为内联元素如:
div{display:inline}这样div就拥有了内联元素的特点
2.内联元素的特点
1.和其他元素都在一行上
2.元素的高度,宽度,顶部和底部边距不可设置
3.元素的宽度就是它包含的文字或者图片的宽度,不可改变
三,内联块状元素(inline-block)
1同时具有内联,块状元素的特点display:inline-block就是将元素设置为内联块状元素(长沙市。1)
<img>,<input>标签就是这种内联块状标签
2特点:
1.和其他元素都在一行上
2.元素的高度,宽度,行高和顶,底边距都可设置
阅读全文
1 0
- css排版和元素分类
- CSS格式化排版和元素分类
- css的基本排版与元素分类简述
- css布局和排版
- css的元素分类
- css元素分类
- css元素分类
- CSS元素分类
- CSS元素分类
- CSS元素分类
- CSS元素分类
- CSS元素分类
- CSS的元素分类
- css之元素分类
- css 元素的分类
- css元素分类
- CSS元素分类
- CSS元素分类
- 文章标题
- 换皮肤?系列工厂/抽象工厂(模式)的实现
- Java阶段性学习重点
- CodeChef MOU2H
- ubuntu下ftp服务器的配置
- css排版和元素分类
- opencv学习笔记(6)----鼠标操作
- 2017年四川省赛 -- G题 2017 【容斥定理】
- 【CUDA开发】 Check failed: error == cudaSuccess (8 vs. 0) invalid device function
- Maven新建Web项目(开发平台为Eclipse)
- Java+Selenium3方法篇22-利用Javascript处理竖向滚动条
- 从数据集合中深层次条件遍历元素
- python使用numpy向量运算注意点
- (转)Thrift在Windows及Linux平台下的安装和使用示例