CSS
记录学习路线
雪急飞绪
专攻JS和Python,现役前端
展开
-
CSS导航栏 为什么都用 li + a标签
导航菜单为什么都用 li+a 标签html导航菜单为什么都用li+a标签,而不直接用a标签,或者用nav+a标签,html5中导航菜单该怎样写?<nav> 元素表示一个包含多个链接的区域,这些链接指向其他页面或本页面的其他部分需要注意:并不是所有的链接都要放到 nav 元素里面,该元素内容包含用于构成主要导航区块的部分如果 nav 元素里面的内容描述的是一个项目列表,那就应该用列表标记(ol、ul等)帮助理解(增强语义)和导航用户代理(屏幕阅读器)可以通过该元素来确定页面上哪些转载 2020-08-27 18:27:32 · 3750 阅读 · 0 评论 -
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局,虽然两者的实现方法略有差异,不过都遵循了以下要点:两侧宽度固定,中间宽度自适应中间部分在 DOM 结构上优先,以便先行渲染允许三列中的任意一列成为最高列圣杯布局页面分为左中右3个部分,其中左右两侧固定宽度,而中间部分自适应html结构这里把 center 部分放在最前面,然后是 left、right<div class="container"> <div class="center">中间自适应</div>原创 2020-12-20 16:20:33 · 121 阅读 · 0 评论 -
CSS-水平/垂直居中的方法
转载原文可以参考水平居中块级元素居中 HTML 结构<div class="parent"> <div class="child">Content</div></div>行内元素居中 HTML 结构<div class="parent"> <span class="child">Content</span></div>1 text-align: center设置.转载 2020-09-01 16:02:56 · 140 阅读 · 0 评论