CSS
文章平均质量分 68
小伟呀
敲代码,敲代码!
展开
-
CSS--盒子模型
文章目录一、开发者工具1.1 打开方式1.2 位置调整1.3 选择箭头1.4 Elements1.5 Console1.6 Sources1.7 Network二、盒子模型2.1 位置2.2 应用2.3 外边距合并三、 Style中的样式关系3.1 解读顺序3.2 样式位置3.3 删除线3.4 Style中的快速调整 一、开发者工具 1.1 打开方式 浏览器菜单---->工具---->开发者工具或者是按快捷键F12 1.2 位置调整 点击右上角三个点,位置依次对应分离、左、下、右 1.3原创 2021-02-02 16:00:22 · 433 阅读 · 0 评论 -
CSS--浮动
【写在前面】在未指定时,默认所有标签都在普通的流(Dom流)中定位,而普通流中元素的位置由元素在HTML中的位置决定。 一、浮动框的概念 浮动的“框”,可以向左或者向右移动,直到它的边缘碰到包含框或另一个浮动框的边框为止。浮动框脱离DOM流, ...原创 2021-02-02 15:59:57 · 170 阅读 · 0 评论 -
CSS--简介以及在html中的引入
文章目录一、CSS简介二、CSS在html中引入2.1 外部引入2.2 内部引入2.3 内联2.4 三种引入方式的优先级 一、CSS简介 概念:CSS,层叠样式表,用于定义如何显示HTML元素; 语法格式:h1{margin-left:20px;margin-top:10px;} h1是选择器;大括号里面是属性,以分号分割;每个属性分为冒号左边的属性名(margin-left)和冒号右边的属性值(20px)。 二、CSS在html中引入 2.1 外部引入 标签:link标签 位置:link标签放在原创 2021-01-27 10:58:37 · 112 阅读 · 0 评论 -
CSS--选择器分类
文章目录选择器分类1 元素(标签)选择器2 id选择器3 class类选择器 选择器分类 1 元素(标签)选择器 格式: h1 { margin-left: 20px; margin-top: 10px; } h1即为标签名,但是往往标签不止一个。 2 id选择器 格式: #bbb { font-size: 25px; } #后面对应的是id,因为id在网页中的唯一性,所以可以找到唯一的标签,但除非特殊用途不推荐使用。 3 class类选择器 格式: .class_A{原创 2021-01-27 10:58:09 · 81 阅读 · 0 评论