- 博客(6)
- 收藏
- 关注
RSS订阅原创 固定定位小技巧
固定定位fixed 固定定位的特点： 以浏览器的可视窗口为参照点移动元素。 a.跟父元素没有任何关系 b.不随滚动条滚动。 固定定位不在占有原先的位置。 固定定位脱离文档流,不占用页面空间 固定在版心右侧位置 让固定定位的盒子 left: 50%. 走到浏览器可视区（也可以看做版心） 的一半位置。 让固定定位的盒子 margin-left: 版心宽度的一半距离。 多走 版心宽度的一半位置 就可以让固定定位的盒子贴着版心右侧对齐了。 <!DOCTYPE html> <html lan
2021-07-07 11:06:52
3927
1
原创 清除浮动的方法
文章目录一、为什么需要清除浮动?二、清除浮动的本质三.清除浮动的方法1.额外标签法2.父级添加overflow3. :after 伪元素法4.双伪元素清除浮动 一、为什么需要清除浮动? 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会 影响下面的标准流盒子。 二、清除浮动的本质 清除浮动的本质是清除浮动元素造成的影响 如果父盒子本身有高度，则不需要清除浮动 清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了 清除浮
2021-07-07 10:54:26
221
原创 css3 Core(核心)
目录一、复杂选择器1.兄弟选择器2.属性选择器(不是为样式服务的,为dom服务)3.伪类选择器(目标 结构 否定伪类 空元素 唯一子元素)4.伪元素选择器(匹配第一个字符 第一行文本 用户选中文本)5.内容生成(content)6.内容生成解决的问题(外边距溢出 高度坍塌)二.弹性布局(******)1.什么是弹性布局2.弹性布局的相关概念(容器 项目 主轴 交叉轴)3.语法(设置弹性容器)4.容器的样式属性(设置主轴方向 项目换行 简写方式 定义项目在主轴上 交叉轴 的对齐方式)5.项目的样式属性①单
2020-12-15 09:15:06
1340
原创 css自我总结
文章目录css3总结一、css概括1.作用2.HTML和css的关系3.html的属性和css的样式选择谁好?二.css的语法规范1.使用css样式①内联样式(行内样式)②内部样式③外部样式2.css特性①继承性②层叠性③优先级④使用关键字调整样式的优先级三.基础选择器(重点*****)1.选择器的作用2.选择器的详解①通用选择器②标签选择器,元素选择器③id选择器④类选择器⑤群组选择器⑥后代选择器⑦.子代选择器⑧伪类选择器⑨选择器权值问题四.尺寸和边框1.尺寸(绝对单位 相对单位 宽高)2.页面中可以设置
2020-12-15 08:09:43
1336
原创 HTML自我总结
HTML自我总结前言一.HTML 快速入门1.什么是html2.HTML的特点3.标签的分类 前言 自我总结笔记 一.HTML 快速入门 1.什么是html HTML是超文本标记语言,使用带标记的语法,让超文本拥有功能 2.HTML的特点 ①以.html或.htm为后缀 ②由浏览器解析执行 ③用带有尖括号的"标记"来识别 ④html中可以执行js脚本 3.标签的分类 ①双标签(封闭类型标记) <关键字>内容区域 </关键字> 标记必须成对出现,有开有关,中间位置称为内容区域 .
2020-12-11 22:22:08
700
原创 基础选择器的类型
基础选择器 1.选择器的作用 规范了页面中哪些元素能够使用定义好的样式,选择器就是一个条件,符合这个条件的元素,都可以使用定义好的样式 2.选择器的详解 ①通用选择器 *{样式声明} 所有元素都要匹配这个样式 尽量少用, 因为效率非常低 css reset 样式重置.由于不同浏览器对同一篇代码的解析有可能不同,需要把一些样式进行统一,或者清除.这种行为就叫做css reset ②标签选择器,元素选择器 一般用于定义某种元素的共用样式 元素名称{样式声明} 页面中所有对应元素,都要应用这个样式
2020-11-09 14:13:00
452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人