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相关推荐

  1. CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...

  2. CSS设置块元素和行内元素

    CSS-设置块元素和行内元素 什么是行元素什么是块元素 一:块元素 块元素单独占据一行,并且排斥和其他元素在同一行,在浏览器中,块元素出现的形状是矩形,并且盛放其他元素. 块元素 : 列表 表格 di ...

  3. CSS块级元素和行内元素

    1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...

  4. html 盒子模型添加图片,[HTML/CSS]盒子模型,块级元素和行内元素

    目录 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...

  5. [HTML/CSS]盒子模型,块级元素和行内元素

    目录 概述 盒子模型 块级元素 行内元素 可变元素 总结 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...

  6. 继承性和层叠性 权重 盒模型 padding(内边距) border(边框) margin 标准文档流 块级元素和行内元素...

    内容总结: 1.继承性和层叠性继承性: 像 一些文本的属性: color,text-*,line-*,font-* 这些属性是可以继承下来的2.层叠性就是权重 ,谁的权重大就显示谁的属性如何看权重:就 ...

  7. 块级元素和行内元素,行内块元素

    在学习 CSS 的时候发现,发现有些标签会独占一行,典型的例如 <div> 标签.而某些不会独占一行,典型如 <span> 标签.其实这是因为 CSS 的标签是有区分元素类型的 ...

  8. css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换

    一.块元素转行内元素:display:inline 二.行内元素转块元素:display:block div{ display: inline; /*无效 width: 500px; height: ...

  9. CSS样式----块级元素和行内元素

    块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table  行内元素:s ...

最新文章

  1. matlab 提取数列里非零_什么!科研交流免费教Matlab?
  2. IDEA中Maven项目使用Junit4单元测试的写法
  3. shell编程的一些例子4
  4. Inverse Pair
  5. 4个关于中台最常见的误区,用最通俗的话给你一次解释清楚
  6. kvm实战--convirt使用
  7. ++代码实现 感知机的原理_常见排序算法原理及JS代码实现
  8. linux usb bulk传输,2.1.1.2. USB MSC Bulk-Only (BBB) Transport
  9. linux的vi命令详解,linux vi命令详解
  10. 【复习笔记】电分-第三章-电力系统潮流分析与计算
  11. dbv连oracle,oracle工具:DBV的用法
  12. ES3,ES5,ES6的区别
  13. [NOI2015]小园丁与老司机,洛谷P2304,恶心的建图+有源汇上下界最小流
  14. android flv视频播放器代码,音视频学习代码合集
  15. 头歌 共享单车大数据项目数据分析
  16. 基层管理者的角色定位
  17. LeetCode221117_125、904. 水果成篮
  18. H5上传图片并使用canvas制作海报
  19. 查看浏览器的cookie
  20. 26位前谷歌AI专家出走创业

热门文章

  1. 单引号、双引号、不加引号和反引号
  2. (附源码)spring boot自习室座位预约系统 毕业设计 674156
  3. 【CSS】1035- 再看 margin 塌陷和合并问题
  4. 一、docker-技术架构
  5. 职业路上的经验、技术、兴趣与综合能力。
  6. Python库 让你的输出字符变得彩虹般炫彩!!!
  7. Ubuntu 22.04LTS中使用aptitude来解决build-essential安装过程中过高版本包依赖问题
  8. 学习笔记0321----linux基本命令(三)(用户和用户组管理)
  9. 图像目标检索:基于Opencv的颜色空间匹配法
  10. Unity游戏优化(第二版)阅读笔记