CSS基础常识问答(三)
overflow 有哪些属性值?
首先你要知道单词的意思是:溢出
- visible:默认值,内容不会被修剪,会呈现在元素之外。
- hidden:内容会被修剪,并且其余内容是不可见的。
- scroll:内容会被修剪,并且浏览器会生成滚动条,以便查看其余内容。
- auto:如果内容被修剪,则浏览器会生成滚动条,以便查看其余内容。
- lnherit:规定应该从父元素继承overflow属性的值
display:none;与 visibility:hidden 的区别?display:inline-block什么时候会显示间隙?
- display:none :使用该属性后,HTML元素(对象)的宽高等属性值都将 “丢失”。
- visibility:hidden;:使用该属性后,HTML元素(对像)仅仅是视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也就是说它仍然具有高度,宽度等属性值。
display:inline-block:
真正意义上的inline-block水平呈现的元素间,换行显示或者空格分割的情况下会有间隔。
解决办法:
父元素{font-size:0;-webkit-text-size-adjust:none;}
盒模型:3C 标准中,如果设置一个元素的宽度和高度,指的是元素内容的宽度和高度,而 在 Quirks 模式下,IE 的宽度和高度还包含了 padding 和 border。
设置行内元素的宽高:在 Standards 模式下,给
<span>
等行内元素设置 wdith 和 height 都 不会生效,而在 quirks 模式下,则会生效.。
设置百分比的高度:在 standards 模式下,一个元素的高度是由其包含的内容来决定的,如果父 元素没有设置百分比的高度,子元素设置一个百分比的高度是无效的用,
quirk 模式下的解决办法, 用 text-align 属性:
body{text-align:center};#content{text-align:left}
CSS基础常识问答(三)相关推荐
- CSS基础知识(三)
CSS颜色 颜色是网页中不可缺少的属性.它有很多种设置的方法,最基础的是设置红.绿.蓝三种颜色的成份值.可以用十进制或十六进制.如:black十六进制是#000000,十进制是0,0,0.还可以直接使 ...
- CSS基础班笔记(三)
✍web前端剑法之css
- CSS基础介绍(三)
文章目录 display属性 overflow属性 文档流 浮动 简单布局 高度塌陷问题 清除浮动 定位 相对定位 绝对定位 固定定位 元素层级 设置元素的透明背景(opacity) display属 ...
- CSS基础学习(三)
一.Chrome调试工具 在网页中,如果自己设置的样式并不能体现出来,可以右击选择检查,在style中查看自己的选择器 以及选择器的样式.有可能是style中单词拼错.结构错误.样式被覆盖.忘记写&q ...
- Html+CSS基础知识(一)
1 前端常识 1.1 HTML的作用 定义网页结构: 1.2 CSS的作用 修饰网页结构和样式: 1.3 javascript 定义网页之间的交互 2 HTML基础 2.1 什么是HTML HTML是 ...
- CSS基础班笔记(二)
web前端剑法之css ??web前端剑法之css 地址 ??CSS基础班笔记(一) https://blog.csdn.net/Augenstern_QXL/article/details/1155 ...
- 前端网页三剑客------CSS基础
前端网页三剑客------CSS基础 一.三种引入CSS的方式 1.行内样式:在指定标签元素内部 添加style属性,配置css效果,多个效果之间有分号隔开.缺点: 代码可重用性比较低,可维护性比较低 ...
- 操作系统(三十二)内存的基础常识
3.1 内存的基础常识 目录 3.1 内存的基础常识 3.1.1 计算机的多级存储结构 3.1.2 程序的装入和链接 3.1.1 计算机的多级存储结构 对于计算机的存储结构而言一般可以分为三层:最高层 ...
- CSS基础「三」盒子模型/产品模块案例/圆角边框/盒子阴影/文字阴影
本篇文章为 CSS 基础系列笔记第三篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
- CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考 黑马程序员pink老师前端入门教程 如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
最新文章
- ssh协议是osi_TCP/IP 协议模型
- AI+Science 是人类两大科研范式的结合,工程化正当时
- [BZOJ 2523][Ctsc2001]聪明的学生(递归)
- linux 备份数据,LINUX下备份数据
- Fomo3d常见问题
- 漫画:删去k个数字后的最小值
- 几个ubuntu16.04镜像下载地址
- ManualResetEvent详解
- Java基础篇:隐藏的实例变量
- L1-015 跟奥巴马一起画方块 (15 分) — 团体程序设计天梯赛
- VS2008中openGL开发环境配置
- File system specific implementation of LookupAndOpen [file] failed
- Easyui之datagrid修改
- 黑马程序员最新Python教程——第一阶段(1)
- ps切图后 JAVA开发_两种ps切图方法(图层/切片)
- C# 实现对接电信交费易自动缴费
- ubuntu安装的微信不能发送图片
- window10家庭版安裝docker遇到的問題【已解決】
- VB编程:UBound获取数组上限;LBound获取数组下限-25
- 找出数组中的最大数和最小数