![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
难得糊涂。
这个作者很懒,什么都没留下…
展开
-
子元素在父元素内居中
水平居中 1.子父元素宽度固定,子元素设置 margin:auto,并且子元素不能设置 浮动,否则居中失效 2.子父元素宽度固定,父元素设置 text-align:center,子元素设置 display:inline-block,并且子元素不能设置浮动,否则居中失效 <div class="father"> <div class="son"> </div> </div> .father{原创 2021-11-15 15:13:11 · 257 阅读 · 0 评论 -
清除浮动的方式
高度塌陷:当所有子元素浮动的时候,且父元素没有设置高度,这时候父元素就会产生高度塌陷。 清除浮动方式: 给父元素单独定义高度 优点:快速简单,代码少 缺点:无法进行响应式布局 父元素定义overflow:hidden;zoom:1(针对IE6兼容)优点:简单快速,代码少 缺点:超出部分被隐藏,布局时候要注意 在浮动的元素后面加一个空标签,clear:both;height:0;overflow:hidden 优点:简单快速,代码少,兼容性高 缺点:增加空标签,不利于页面优化 父元素定义 overflow:原创 2021-11-15 14:53:14 · 69 阅读 · 0 评论 -
Html5+CSS3新特性
HTML5新增的语义化标签 语义化标签优点:1、提升可访问行 2、SEO 3、结构清晰,利于维护 Header 页面头部 main 页面主要内容 footer 页面底部 Nav 导航栏 aside 侧边栏 article 加载页面一块独立内容 Section 相当于div figure 加载独立内容(上图下字) figcaption figure的标题 video 视频 audio 音频 CSS3新增的特性 边框: border-radius 圆角边框 border-shadow:给框添加阴影 (水平位移原创 2021-11-15 14:36:11 · 236 阅读 · 0 评论