2021-01-11

最新推荐文章于 2022-05-05 15:54:59 发布
最新推荐文章于 2022-05-05 15:54:59 发布
阅读量65 收藏
点赞数
分类专栏： web前端 文章标签： html css css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40133235/article/details/112474427
版权

1.在书写css过程中，标签.class名之间不可以有空格，如果有的话会无法实现css样式
2.在书写网页时，最好一个部分就是div，一方面利于布局，一方面方便书写格式
3.逐层去写，不要隔过去每一层
4.使用伪类元素时，在标签和元素直接不要有空格，才能成功
5.写作时最好是：从下往上写，也就是从最底层依次写到最上层
6.先设置底层的位置，设置好位置后再设置样式
7.:after 跟content搭配使用，在标签元素之后添加content中的内容

qq_40133235
关注
专栏目录
2021-01-11-raspios-buster-i386.iso 百度网盘
02-12
树莓派系统镜像 2021-01-11-raspios-buster-i386.iso
ffmpeg-4.3.1-2021-01-01-essentials_build.rar
04-12
在“ffmpeg-4.3.1-2021-01-01-essentials_build.rar”这个压缩包中，提供的是一套预编译的 FFmpeg 基础构建，专为简化安装和使用过程设计。 FFmpeg 的主要特点包括： 1. **多格式支持**：FFmpeg 支持众多的音频和...
APToolV7200(2021-02-01)
最新发布
12-13
APTool-UMPTooV7200 是一款专门用于量产chipsbank主控U盘的工具。这款工具的主要功能是对U盘进行量产操作，也就是通过制作U盘固件，将U盘的物理存储芯片的空间划分为分区，赋予U盘可读写和存储的功能。...
CVE-2021-21315-PoC：CVE 2021-21315 PoC
03-03
CVE-2021-21315系统信息这是的概念证明，它影响到的系统信息库（npm程序包“ systeminformation”）。 “请务必检查或清理传递给si.inetLatency（），si.inetChecksite（），si.services（），si.processLoad（）的...
2021-01-04 汽车信息安全知识能力全景图2.0.pdf
08-14
汽车信息安全知识能力全景图2.0 汽车信息安全知识能力全景图2.0涵盖了汽车信息安全的方方面面，包括车内安全技术、软件安全、操作系统、隔离技术、访问控制、安全运行、安全存储、密码学、国密算法、国际算法、应用...
轮播图的左右选项、居中对齐、a标签居中对齐注意事项、图片设置font-size会省略图片的间隙
qq_40133235的博客
01-12 2865
1.<> 左右选项居中：因为左右选项各占一半，所以最好是两个选项一起设置，对半分；具体步骤，先设置其总宽度，然后把"<“和”>放入框中",再设置两个各自的宽度，让其居中(为好看居中)，记得设置其鼠标形状。 2.居中的样式：text-align：center（水平对齐）；vertical-align:center(垂直对齐） 3.标签a内容的居中对齐，需要设置成块级元素：display：block； 4.给图片设置font-size：0；和不给图片设置的区别，图片和文字的距离是不一样的
制作爱奇艺视频播放列表（第六章盒子模型）
qq_40133235的博客
04-26 1755
<div> <h2>热播</h2> <ul> <li> <img src="../chapter04/练习4：制作爱奇异视频播放列表/image/img1.png" alt=""> <h4>神武赵子龙</h4> <p&
第7章 浮动（制作电视剧详情列表页面）
qq_40133235的博客
05-04 1647
<div class="div00"> <header> <div class="div01"> <h1>明星荐片</h1> </div> </header> <section> <div class="div02">
第七章 浮动（制作京东登录页面）
qq_40133235的博客
05-05 1034
<div class="div01"> <header> <nav> <img src="image/logo.png" alt=""> <h1>欢迎登陆</h1> </nav> </header> <article>
第七章 浮动 课后题第5题（制作彩妆热卖产品列表页面）
qq_40133235的博客
05-03 977
<section> <h1>大家都喜欢的彩妆</h1> <ul> <li> <a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g <div> <img src="img/icon-1.jp
ES 6 的Set集合
qq_40133235的博客
01-27 895
ES 6 之前只有一种数组的数据结构，现在增加了Set和Map两种集合 而Set集合是一种无重复元素的列表。 创建set集合 let 变量 = new Set()； 也可以通过构造函数创建集合： let 变量 = new Set([参数，参数，参数，…])； 三种常用的方法： Set.has（参数）；查照指定参数是否存在再该集合中 Set.delete(参数）；删除指定参数 Set.clear()；清楚所有集合参数 使用…将set集合转换成数组，也可以去掉重复的值 let 变量 = new Set([1,2
制作美容热点产品列表（第六章 盒子模型）
qq_40133235的博客
04-28 751
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>美容热点产品</title> </head> <body> <header>
使用ul li和不适用ul li的区别
qq_40133235的博客
01-16 456
在制作使用ul li和不适用ul li的区别 1.使用ul li会使其中的内容和使用p标签一样，是一个块级元素，会使内容自动分行，使用后它的内容的内边距距离边框较远 2.不适用ul li标签，内容是行内元素，它的内边距距离边框比较近 3.（复习）给标签a设置居中或设置其位置，都需要先给a标签设置成块级元素display：block；这样不论是text-align：center；margin：px px px px；还是padding：px px px px；才可以实现。 ...
制作轮播图的要点
qq_40133235的博客
01-14 447
1.使用ul>li 创建轮播图中右下角的圆圈时，首先创建一个宽*高存放这几个圆圈，使用绝对定位position：absolute把这个方框放到你想要放到的地方，然后给li设置每个圆圈的大小，同样是设置宽和高，还有设置成圆形border-radius：100%，使用float：left让其左浮动对齐，background-color设置背景颜色即可，使用padding把这个选项均匀分开。 2.给产品做左右轮播图时，记得做overflow：hidden；溢出部分做隐藏处理 3.给特殊符号添加边框时，首先把
第六章盒子模型课后题5权威课程免费体验登录页面
qq_40133235的博客
04-30 415
<section> <form action="" method="post"> <ul> <li><span>*</span> 姓名 ：<input type="text" style="width: 185px;"></li> <li><span>*</span> 邮箱
超出的文本如何处理、给margin和padding设置下划线的区别、给某个方块设置成点击像按钮
qq_40133235的博客
01-13 348
1.给margin（外边距）设置下划线时，会随内容的多少，而显示在内容之下；给padding（内边距）设置下划线时，会随padding值的多少而显示下划线，哪怕是空白也会有下划线。 2.超出的文本如何让其用省略号表示？ ①首先要设置一个宽度，当内容超过这个宽度时，给这个内容设置的样式才会生成。 ②然后给其设置以下三个样式: white-space（指定元素内的空白如何处理）：nowrap—遇到标签才会换行 overflow（溢出的文本如何处理）：hidden—隐藏溢出的文本 text-overflow（溢出
侧面导航栏
qq_40133235的博客
01-16 317
1.设置其背景的大小，以及确定其位置的摆放位置，可以使用position：absolute；绝对定位使其放在图片上面，使用padding可以让内容据边框相同的距离，需要优先设置 2.单独设置每一行的宽和高，且让其居中line-height 3.可以设置鼠标放其上的时候背景颜色的变换，使用：hover 4.现在你看到的每一行的背景颜色都会变换，但是还是需要设置内容左侧和右侧距离边框的距离（内边距最好是在a标签中设置，不要在li标签中设置，在li标签中设置会导致背景颜色的宽度增加），因为导航栏的目标需要有具体产
ES6 的Proxy
qq_40133235的博客
01-27 199
1.Proxy的目的： Proxy是代理的意思，它是为目标对象添加一个代理模式，或者说是为目标对象的读取、函数调用等操作进行拦截，它不会直接针对目标对象，而是操作目标对象的代理对象。 语法： let 变量名 = new Proxy(target,handler); target：目标对象； handler：属性的操作 调用：变量名.属性名； 实例方法： get：对目标对象的读取操作； 语法： get(target，property) 使用return 返回 数据 return target[property
异步 async
qq_40133235的博客
01-29 174
async是ES7才有的关于异步的关键解决方案； async函数返回的是Promise对象； async函数内部return语句返回的值，会成为then方法回调函数的参数。 async函数中会有await表达式，在执行过程中，遇到await表达式会暂停， 先执行回调函数的部分，等回调函数执行完毕后再继续执行await表达式。 await表达式仅在async函数中有效，如果再async函数外调用，会报错。 语法： async function 变量(){ //两种写法 // let 变量2 = a
获取当前日期时间，并将它以“XXXX年XX月XX日 hh:mm:ss”的格式输出打印DateUtils.showDaysBetweenDates("2021-01-01", "2021-01-11"); }
05-31
以下是一个获取当前日期时间，并将它以“XXXX年XX月XX日 hh:mm:ss”的格式输出... DateUtils.showDaysBetweenDates("2021-01-01", "2021-01-11"); } ``` 输出结果： ``` 2021年05月01日 15:23:45 2021-01-11 10 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值