![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
ZZYGTHH
这个作者很懒,什么都没留下…
展开
-
用css2实现一个三角
元素{ width:0; height:0; border:5px solid transparent; border-left-color:red;}可以通过修改边框颜色实现不同方向的三角原创 2021-09-18 16:23:28 · 90 阅读 · 0 评论 -
css3新增的结构伪类,层次选择器及其含义
一、层次选择器 1.后代选择器(包含选择器) 语法:E F 匹配E元素下所有子元素F 2.子选择器 语法:E>F 匹配E元素下第一级子元素F 3.相邻兄弟选择器 语法:E+F 匹配E元素后面紧邻的F元素(有且仅有一个) 4.通用兄弟选择器 语法:E~F 匹配E元素后面所有F元素(有可能匹配到多个)二、结构伪类选择器 1. :first-child 匹配父元素下第一个子元素...原创 2021-09-16 19:39:42 · 144 阅读 · 0 评论 -
响应式布局的概念及优缺点
1、概念:响应式是指根据不同的设备浏览器分辨率或尺寸展示不同的页面结构,行为,表面的设计方式2、核心原理 通过媒体查询检测不同设备的屏幕尺寸做处理,同时要求必须在head部分添加viewport的声明<meta name="viewport" content="width=device-width">3、优缺点 优点:解决了多设备屏幕适配问题,灵活性更强 缺点:工作量大,加载时间变长...原创 2021-09-16 19:37:40 · 344 阅读 · 0 评论 -
html中省略号的设置
单行文本省略号的设置如下: 元素{ width : value; white-space: nowrap; voerflow: hidden; text-overflow: ellipsis;}原创 2021-09-16 19:36:09 · 835 阅读 · 1 评论 -
H5新增的标签
header 定义网页的头部nav 定义网页的导航部分section 定义网页的某个区域aside 定义网页的侧边栏article 定义网页的一篇文章footer 定义网页的底部main 定义网页的主题内容hgroup 将网页或区段的标题进行组合figure 将网页的一些元素进行组合figcaption 给figure组合添加一个标题dialog 类似于会话框 eg:<dialog open>会话</dialog>...原创 2021-09-13 19:03:38 · 59 阅读 · 0 评论 -
块、内联、内联块都有哪些及其特点
块元素 常见块元素:div,p,ul,li,ol,dl,dt,dd,h1~h6,hr 特点: a)块元素以块的形式显示为一个矩形区域,默认宽度为100%,等于父元素宽 b)默认情况下,块元素独占一行,自上而下排列 c)块元素可以设置宽高及任意margin,padding,border值 d)块元素作为一个容器,可以容纳其他的块元素和内联元素 注:p标签比较特殊,只能在p标签中嵌套内联元素,不能嵌套块元素内联元素...原创 2021-08-25 14:04:33 · 462 阅读 · 0 评论 -
BFC的概念和特性
概念 BFC——block formatting context(块级格式化上下文)如何触发BFC a)float:left | right; b)overflow:hidden | auto | scroll; c) display: table-cell | table-caption | inline-block | flex; d) position: fixed | absolute;BFC特性 a)浮动的子元素会被父元素计算高度(父级触发了BFC...原创 2021-08-21 19:54:28 · 67 阅读 · 0 评论 -
标准盒模型和怪异盒模型的区别
标准盒模型 标准盒模型中,我们设置的padding和border不包含在width和height中,单独显示怪异盒模型 怪异盒模型中,我们设置的padding和border会包含在width和height中 注:当没有添加文档声明时,就会触发某些浏览器(IE6)怪异模式盒模型的转换 语法:box-sizing:content-box | border-box content-box 默认值,以标准盒模型显示 border-box 以怪异盒模型显示(padd...原创 2021-08-19 21:19:43 · 95 阅读 · 0 评论 -
解决高度塌陷问题
描述:父元素高度适应,子元素浮动后造成父元素高度为0,就叫做高度塌陷问题解决方案: 1、给父元素设置overflow:hidden; 原理:设置overflow:hidden;触发了BFC的状态,闭合了子元素的浮动,子元素重新参与了父元素的高度计算,父元素高度不再为0 缺点:显示在父元素框之外的内容会被隐藏 2、在浮动元素的末尾添加一个空div,并设置如下样式: .clearfix{clear:both; height:0; overflow...原创 2021-08-19 21:14:56 · 76 阅读 · 1 评论