
HTML+CSS
文章平均质量分 57
HTML+CSS
yyangqqian
这个作者很懒,什么都没留下…
展开
-
CSS 布局网页
文章目录CSS 提供了三种传统布局方式(简单说就是盒子如何进行排列)普通流(标准流)浮动定位 CSS 提供了三种传统布局方式(简单说就是盒子如何进行排列) 普通流(标准流) 标签按照规定好的默认方式排列。 1、块级元素会独占一行,从上向下顺序排列。 2、行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 浮动 在一行排列,宽高生效,浮动后的标签具备行内块特点。 浮动最典型的应用:可以让多个块级元素一行内排列显示。 网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动! f原创 2022-04-13 22:42:29 · 556 阅读 · 0 评论 -
CSS 的复合选择器
结构伪类选择器 伪元素 伪元素 通过css创建标签,装饰性的不重要的小图。 .father::before { content: '您好'; color: red; } .father::after { content: '好好'; } 找到父级,在这个父级里面创建子级标签。 <div class="father">hello</div> ...原创 2022-04-13 21:04:49 · 341 阅读 · 0 评论 -
HTML+CSS常见问题总结
文章目录CSS 布局技巧CSS 通用布局行内元素 高、宽 直接设置是无效的版心居中使单行文字垂直居中相邻块元素垂直外边距的合并嵌套块元素垂直外边距的塌陷通过 margin 或 padding 改变行内标签的位置,无法生效 CSS 布局技巧 从外到内、先宽高背景色、放内容、调节内容的位置、控制文字细节。 CSS 通用布局 默认问题: 网页元素很多都带有默认的内外边距,而且不同浏览器默认的也不一致 盒子的宽高会加上内边距和边框 * { padding:0; /* 清除内边距 */ margin:0;原创 2022-04-13 20:22:42 · 801 阅读 · 0 评论