![](https://img-blog.csdnimg.cn/20200107205141997.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 86
CSS
Dev _
这个作者很懒,什么都没留下…
展开
-
将position设置为absolute/fixed元素的特点
定位参照对象的宽度 = left + right + margin-left + margin-right + 绝对定位元素的实际占用宽度。 定位参照对象的高度 = top + bottom + margin-top + margin-bottom + 绝对定位元素的实际占用高度。◼ 如果希望绝对定位元素的宽高和定位参照对象一样,可以给绝对定位元素设置以下属性。◼ 如果希望绝对定位元素在定位参照对象中居中显示,可以给绝对定位元素设置以下属性。◼ 3.绝对定位元素 -> width: 包裹内容。原创 2023-04-08 21:28:46 · 441 阅读 · 0 评论 -
flex属性全解
当 flex items 在 main axis 方向上超过了 flex container 的 size,flex-shrink 属性才会有效。◼ flex 是 flex-grow || flex-shrink || flex-basis 的简写,flex 属性可以指定1个,2个或3个值。◼ 如果所有 flex items 的 flex-shrink 总和超过 1,每个 flex item 收缩的 size为。flex-flow 属性是 flex-direction 和 flex-wrap 的简写。原创 2023-04-08 09:36:13 · 518 阅读 · 0 评论 -
CSS知识梳理
浮动元素不同,只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片), 但是绝对定位(固定定位)会压住下面标准流所有的内容。子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)一个盒子里面有多个子盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防止引起问题。: 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。①子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。原创 2023-01-19 13:44:29 · 2113 阅读 · 0 评论 -
HTML知识梳理
表单元素包含三大组 , input输入表单元素 , select下拉表单元素 , textarea文本域表单元素这三组表单元素都应该包含在form表单域里面,并且有name 属性。原创 2023-01-18 21:09:54 · 1453 阅读 · 0 评论 -
H5语义化标签
<header></header>表示网页的头部<main></main>表示网页的主体部分(一个页面中只会有一个main)<footer></footer>表示网页的头部<nav></nav>表示网页中的导航<aside></aside>表示和主体相关的其他内容(侧边栏)<article·></article>表示一个独立的文章<section&原创 2020-07-19 22:04:31 · 200 阅读 · 0 评论 -
前端面试题全集(html+CSS)
文章目录HTMLDoctype 作用?标准模式与兼容模式各有什么区别?HTML5 为什么只需要写 ``?行内元素有哪些?块级元素有哪些? 空(void)元素有那些?页面导入样式时,使用 link 和@import 有什么区别?介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?html5 有哪些新特性、移除了那些元素?如何处理 HTML5 新标签的浏览器兼容问题?如何区分 HTML 和 HTML...原创 2020-04-22 07:22:57 · 3211 阅读 · 1 评论 -
表格列表表单
列表1.列表的组成列表类型+列表项①列表类型 有序列表 <ol></ol> order list 无序列表 <ul></ul> unorder list②列表项 <li></li> list item2.属性ol type=“I” 列表项的类型 1 a A i I...原创 2019-12-02 17:39:57 · 306 阅读 · 0 评论 -
BootStrap项目整合
header.html<!doctype html><html><head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"&g...原创 2019-12-24 19:21:13 · 430 阅读 · 0 评论 -
响应式 BootStrap 媒体查询 栅格 组件 scss
索引响应式布局响应式布局必须保证几件事编写响应式网页@media 媒体查询响应式布局Responsive web page 响应式/自适应网页(css3 2010提出)可以根据浏览设备(不要说浏览器大小)不同(pc,pad,phone)而自动改变布局,图片,文本效果,不影响用户体验响应式布局必须保证几件事1.布局的时候,不能使用固定值宽度,(缩小会溢出)必须是流式布局(默认文档流+...原创 2019-12-18 13:06:12 · 1318 阅读 · 0 评论 -
CSS3复杂选择器 弹性布局 转换过渡动画
复杂选择器1.兄弟选择器兄弟元素:具备相同父元素的平级元素,称之为兄弟元素兄弟选择器,只能通过哥哥找弟弟,不能往前找①相邻兄弟选择器选择器1+选择器2{}获取紧紧挨着某元素后面的兄弟元素②通用兄弟选择器选择器1~选择器2{}获取某元素后面所有符合要求的兄弟元素使用场景,多用于淘汰第一个元素,其它兄弟都使用的样式2.属性选择器[attr]{} 匹配定义了attr这个属性的元素...原创 2019-12-13 10:08:34 · 619 阅读 · 0 评论 -
CSS全面汇总速查
目录锚点css reset 样式重置 和 normalize溢出的处理边框阴影外边距的溢出什么时候使用内边距box-sizing:border-box;背景图片的尺寸背景图片的固定渐变 gradient文本格式化文本对齐 text-align:center / justify文本阴影边框合并浮动清除浮动高度坍塌显示方式显示效果visibility:hidden和display:none的区别透明度......原创 2019-03-01 21:32:35 · 10828 阅读 · 3 评论