- 博客(6)
- 收藏
- 关注
原创 关于浮动遇到的高度塌陷和外边距塌陷
众所周知,浮动会脱离文档流,因此会出现一些问题,今天我来给大家提供一些解决方案一、浮动造成的高度塌陷<head> <style> .box1 { border: 1px solid black; } .box2 { float: left; height: 200px; width: 400px;
2021-08-04 16:06:06
393
5
原创 CSS3新增选择器
首先,CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素,共增加了三种:属性选择器、结构伪类选择器、伪元素选择器,接下来我为大家分别介绍一下一、属性选择器:按照字面意思,都是根据标签中的属性来选择元素。共有五种:1.E[att] 选择具有att属性的E元素2.E[att="val"] 选择具有att属性且属性值等于val的E元素3.E[att^="val"] 匹配具有att属性...
2021-08-04 10:36:51
218
2
原创 定位中的一些小技巧和需要注意的
学习了定位我们会发现可以有一些小技巧帮助我们更快地完成的任务。下面我来分享几种:一、固定定位:固定在版心左侧位1.让固定定位的盒子 left: 50%. 走到浏览器可视区(也可以看做版心) 的一半位置2.让固定定位的盒子 margin-left:再走版心宽度的一半距离二、绝对定位的水平居中算法(加了绝对定位/固定定位的盒子不能通过设置 margin: auto设置水平居中): 1. left: 50%;:...
2021-07-30 11:18:01
1033
1
原创 CSS中的定位(position)详解
将学过的定位进行一个简单的整理,方便以后查阅,也想向大家分享一下。众所周知,定位分为5种,分别为:静态定位、相对定位、绝对定位、固定定位、粘性定位。下面我为大家详细介绍一下每种定位。1.静态定位(static):静态定位是元素的默认定位方式,无定位的意思。它相当于 border 里面的none,静态定位static,不要定位的时候用。静态定位 按照标准流特性摆放位置,它没有边偏移。静态定位在布局时我们几乎不用的图片解释:2.相对定位(relative):相...
2021-07-29 17:29:26
2523
1
原创 二进制、八进制、十进制、十六进制的相互转换
首先我们要明白什么是二进制二进制(binary)是在数学和数字电路中指以2为基数的记数系统,是以2为基数代表系统的二进位制。这一系统中,通常用两个不同的符号0(代表零)和1(代表一)来表示[1]。数字电子电路中,逻辑门的实现直接应用了二进制,因此现代的计算机和依赖计算机的设备里都用到二进制。每个数字称为一个比特(Bit,Binary digit的缩写)——百度百科一、二进制转十进制方法:把二进制数按权展开、相加即得十进制数。从零次方开始十进制转二进制方法:十进制数除2取余法。即十进...
2021-07-17 10:36:36
325
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人