css
nhw649
热爱前端
展开
-
css浮动问题
问题1:父元素的一个子元素div1设置浮动,另一个子元素div2未设置,则div1脱离文档流浮于上方,但是并没有覆盖div2的内容。问题2:div1的宽度+div2的宽度=浏览器窗口的宽度。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动的元素脱离文档流</title> <style>原创 2020-10-12 07:34:10 · 155 阅读 · 0 评论 -
css中的white-space、word-wrap、word-break属性
1.word-break属性:设置如何处理元素内的空白。2.word-wrap属性:允许长单词或 URL 地址换行到下一行。3.word-break属性:规定自动换行的处理方法。原创 2020-08-04 16:52:02 · 247 阅读 · 0 评论 -
box-sizing中的IE盒子模型和标准盒子模型
1.IE盒子模型box-sizing:border-boxwidth和height包含padding和border在内。盒子的实际宽度=width(padding和border不会影响实际宽度)盒子的实际高度=height(padding和border不会影响实际高度)2.标准盒子模型box-sizing:content-boxwidth和height不包含padding和border在内。盒子的实际宽度=width+padding+border盒子的实际高度=height+padding原创 2020-08-01 21:12:31 · 408 阅读 · 0 评论 -
css中:checked和[checked]的区别
:checked伪类选择器来表示该元素是否被选中,如果被选中则显示定义的样式,没选中则不显示。[checked]是表示含有checked属性的元素,无论选没选中都会显示定义的样式。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-原创 2020-07-31 16:21:23 · 1947 阅读 · 1 评论 -
css相邻兄弟选择器和同辈选择器的区别
1.相邻兄弟选择器,定义+号后面那个选择器的属性。选择器1+选择器2{声明1;声明2;…}在HTML代码中,(引用)选择器1元素后面相邻着(引用)选择器2元素,则属性声明有效。标准浏览器才支持。提示:必须相邻才会有效。<!doctype html><html><head> <meta charset="utf-8"> <title></title> <style> .br原创 2020-07-30 20:15:05 · 1303 阅读 · 0 评论 -
css选择器级别问题
一、行内定义的样式级别最高,比内部样式和外部样式中定义的ID选择器、类选择器和标记选择器的级别高。二、在内部样式和外部样式中,ID选择器的级别最高,比类选择器的级别和标记选择器高。(1)、外部样式中定义的ID选择器比内部样式中定义的类选择器级别高。(2)、外部样式中定义的ID选择器比内部样式中定义的标记选择器级别高。(3)、内部样式中定义的标记选择器比外部样式中定义的类选择器级别高。...原创 2020-07-30 19:38:58 · 376 阅读 · 0 评论 -
margin塌陷问题
问题描述:由于子元素浮动了导致了子元素浮于父元素上方,让父元素高度为0,改变了父元素与子元素之间的位置关系,子元素脱离了原来的文档流,导致父元素高度塌陷。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .parent { b原创 2020-07-30 12:39:46 · 122 阅读 · 0 评论 -
CSS外边距合并问题
上下两个元素挨在一起当一个元素位于另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { .原创 2020-07-29 23:43:08 · 223 阅读 · 0 评论