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