HTMLCSS基础小记
HTML+CSS基础笔记
Jiangxin829
前端小菜鸡
展开
-
CSS子元素撑满父元素(height: 100%无效)
原因分析明确一点:子元素设置height: 100%需要父元素有确定的高度;如果父元素高度是被子元素②撑起来的,此时我们想让子元素①撑满高度,height: 100%无效。解决办法父元素:position: relative;子元素:position: absolute;top: 0;width: 100%;height: 100%;...原创 2022-03-09 20:38:36 · 14194 阅读 · 2 评论 -
CSS定位--position
CSS定位----position一.定位的意义定位作为CSS布局的三大机制:标准流、浮动和定位之一,需要完全掌握。将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位,特别是 JS特效。定位模式:position: static(静态定位,默认)| relative(相对定位)| absolute(绝对定位)| fixed(固定定位)边偏移:通过 top、bottom、left 和 right 属性定义元素的边偏移:(方位名词)如:top: 80px top: 5原创 2020-07-05 10:35:44 · 111 阅读 · 0 评论 -
CSS浮动--Float
CSS浮动----Float一.浮动的意义不论是块元素、行内元素,设置了浮动后,元素会变得跟行内块 inline-block 元素极其相似,我们便可以在一行放置多个盒子。而盒子浮动以后,根据其字面意思,我们可以知道其脱离了标准流,不再占有空间,后续元素会因为浮动元素的脱离发生一系列变化,即填充浮动元素的位置。浮动作为CSS布局的三大机制:标准流、浮动和定位之一,需要完全掌握。二.浮动的作用多个行内盒子需要放置到一行时,盒子间会出现空白缝隙的问题,解决办法之一就是使用浮动。三.浮动的用法向元原创 2020-07-05 09:59:23 · 181 阅读 · 0 评论 -
CSS居中
居中行内元素行内元素父元素://水平text-align: center//垂直line-height: 元素的width块元素块元素本身://水平margin: 0 auto//垂直外边距合并使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。(1). 相邻块元素垂直外边距的合并当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin...原创 2020-06-24 11:07:16 · 78 阅读 · 0 评论 -
CSS外边距合并
外边距合并使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。(1). 相邻块元素垂直外边距的合并当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。...原创 2020-06-24 11:07:02 · 117 阅读 · 0 评论 -
HTML标签分类
单双分类:单标签<hr />、<br />、<img />、<base />、<input />、<link >等双标签除了单标签之外都是双标签显示模式分类:块级元素<h1>、<h6>、<p>、<div>、<ul>、<ol>、<li&...原创 2020-06-24 11:06:30 · 358 阅读 · 0 评论 -
HTML发展&浏览器内核
了解知识HTML发展浏览器现状浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko可惜这几年已经没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。Safariwebkit现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink...原创 2020-04-27 11:08:08 · 135 阅读 · 0 评论