设置背景图像位置、块元素和行内元素、display
84.设置背景图像位置
(background-position:right bottom)
85.元素的类型:
(1)块元素:<h><p><div><ul><ol><li>
,其中div是最典型的块元素。
(2)行内元素:<span><b>......
行内元素也称内联元素或内嵌元素,特点如下:
#和其他元素都在同一行上显示,不会独自换行。
#宽度就是文字或照片的宽度,默认不可改变。
#设置高度height无效,可以通过line-height来设置。
#设置margin只有左右margin有效。
#设置padding只有左右padding有效。
#只能容纳文本或者其他行内元素。
86.display
web中display的作用是用于元素的转换实现块元素与行内元素的转换,属性包括:
inline(将显示为行内元素),
block(将显示为块元素),
inline-block(将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行),
none(此元素将被隐藏,不显示,也不占用页面空间,相当于该元素不存在)
设置背景图像位置、块元素和行内元素、display相关推荐
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
- CSS设置块元素和行内元素
CSS-设置块元素和行内元素 什么是行元素什么是块元素 一:块元素 块元素单独占据一行,并且排斥和其他元素在同一行,在浏览器中,块元素出现的形状是矩形,并且盛放其他元素. 块元素 : 列表 表格 di ...
- CSS块级元素和行内元素
1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...
- html 盒子模型添加图片,[HTML/CSS]盒子模型,块级元素和行内元素
目录 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...
- [HTML/CSS]盒子模型,块级元素和行内元素
目录 概述 盒子模型 块级元素 行内元素 可变元素 总结 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...
- 继承性和层叠性 权重 盒模型 padding(内边距) border(边框) margin 标准文档流 块级元素和行内元素...
内容总结: 1.继承性和层叠性继承性: 像 一些文本的属性: color,text-*,line-*,font-* 这些属性是可以继承下来的2.层叠性就是权重 ,谁的权重大就显示谁的属性如何看权重:就 ...
- 块级元素和行内元素,行内块元素
在学习 CSS 的时候发现,发现有些标签会独占一行,典型的例如 <div> 标签.而某些不会独占一行,典型如 <span> 标签.其实这是因为 CSS 的标签是有区分元素类型的 ...
- css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换
一.块元素转行内元素:display:inline 二.行内元素转块元素:display:block div{ display: inline; /*无效 width: 500px; height: ...
- CSS样式----块级元素和行内元素
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素:s ...
最新文章
- matlab 提取数列里非零_什么!科研交流免费教Matlab?
- IDEA中Maven项目使用Junit4单元测试的写法
- shell编程的一些例子4
- Inverse Pair
- 4个关于中台最常见的误区,用最通俗的话给你一次解释清楚
- kvm实战--convirt使用
- ++代码实现 感知机的原理_常见排序算法原理及JS代码实现
- linux usb bulk传输,2.1.1.2. USB MSC Bulk-Only (BBB) Transport
- linux的vi命令详解,linux vi命令详解
- 【复习笔记】电分-第三章-电力系统潮流分析与计算
- dbv连oracle,oracle工具:DBV的用法
- ES3,ES5,ES6的区别
- [NOI2015]小园丁与老司机,洛谷P2304,恶心的建图+有源汇上下界最小流
- android flv视频播放器代码,音视频学习代码合集
- 头歌 共享单车大数据项目数据分析
- 基层管理者的角色定位
- LeetCode221117_125、904. 水果成篮
- H5上传图片并使用canvas制作海报
- 查看浏览器的cookie
- 26位前谷歌AI专家出走创业