摘要: 网页布局三大核心:盒子模型,浮动,定位。 一、网页布局过程: 1.准备好相关的网页元素,一般都是盒子Box. 2.用CSS设置好盒子的样式,摆放盒子到相应的位置。(核心) 3.往盒子里放东西 二、盒子模型(box model) 把html页面中的布局元素看成一个矩形盒子,一个装内容的容器。 CSS盒 阅读全文
posted @ 2021-07-12 23:19 kaer_invoker 阅读(62) 评论(0) 推荐(0) 编辑
摘要: CSS三大特性:层叠性,继承性,优先级。 一、层叠性。 相同的选择器设置同属性的样式,值不同。即发生样式层叠冲突。 因此,CSS的原则是:哪个样式离元素最近,就展示哪个样式。 对于这段代码,显示的就是red颜色。 1 <!-- 2 * @Author: invoker 3 * @Github: ht 阅读全文
posted @ 2021-07-12 21:13 kaer_invoker 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 一、背景色 默认元素都有背景色,只不过背景色是透明。 background-color: transparent; 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-1 阅读全文
posted @ 2021-07-12 18:37 kaer_invoker 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-12 17:30:10 5 * @LastEditors: invoker 6 * @LastEditTime: 20 阅读全文
posted @ 2021-07-12 17:43 kaer_invoker 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 元素显示模式有3种,块元素,行内元素,行内块元素,他们分别有自己的特点。 一、块元素 常见块级元素:h1-h6,p,div,ul,ol,li.典型的是div 特点: 1.独占一行。 2.高度,宽度,内外边距,自己设置。 3.默认宽度是父级容器宽度的100%,默认高度是盒子内部内容的高度。如果没有内容 阅读全文
posted @ 2021-07-12 17:29 kaer_invoker 阅读(69) 评论(0) 推荐(0) 编辑