![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
周百万.
生于华夏,吾辈当自强!
展开
-
怎样在VS code中设置默认font-size的大小(运用在px转rem中)
1、打开VS code进入主页面4、在搜索框中输入cssremroot5、在75所在的输入框中就能输入你想设置的font-size 大小原创 2022-09-11 22:04:21 · 1170 阅读 · 1 评论 -
基础选择器汇总——标签选择器,类选择器、id选择器、通配符选择器
标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中标签指定统一的 CSS 样式。在 CSS 中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)其中权重不能直接说成 1、10、100这样,但可以这样理解,这样理解更方便!如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。复合选择器和属性选择器请参考我写的其他文章!原创 2022-09-05 11:52:24 · 5088 阅读 · 0 评论 -
javascript轮播图超详细
鼠标移动到轮播图中显示左右按钮,轮播图片的定时器停止鼠标移出轮播图隐藏左右按钮,轮播图片的定时器开始动态创建下面的小圆点无缝滚动效果点击左右按钮能切换图片,点击小圆点也能切换到对应的图片中,定时器切换图片使用时间阀,只有点击左右按钮图片运动完成之后,点击左右按钮才能再次滚动,防止点击左右按钮次数过多,图片滚动过快的情况...原创 2022-07-06 16:13:53 · 15441 阅读 · 10 评论 -
仿京东放大镜效果(pink老师版)
跟着pink老师学的,根据pink老师的代码敲,顺便改良了一下他的一个小bug原创 2022-07-01 00:18:54 · 1185 阅读 · 0 评论 -
WEB期末大作业——我的家乡济南,免费HTML项目练习
目录编辑一、首先创建base.css文件夹,对总体设置css样式 二、首页的HTML代码的书写,大伙自个看吧,我也不多说啥了。三、创建common.css文件夹,对nav,shortcat,footer部分的css样式进行书写,因为所有的页面都得用,不直接复制,用的时候直接link引入即可 四、创建index.css文件夹,对index首页布局设置,大伙还是自个看五、index文件的倒计时效果的js代码六、轮播图...原创 2022-06-29 11:00:03 · 1187 阅读 · 1 评论 -
javaScript中倒计时效果(详细步骤版)
总代码(赶时间直接复制即可):详细步骤(想学会的请看此处):1、先创建三个盒子 2、给盒子用css写一下他的属性,定义它的宽高,以及颜色,效果如下图所示! 3、获取三个盒子对象......原创 2022-06-25 22:36:34 · 753 阅读 · 0 评论 -
java script实现 :hover 的盒子现实与隐藏效果
核心:运用javascript代码,实现鼠标经过ul标签显示,实现鼠标移走ul标签隐藏。用html与css实现案例的外观HTML代码(就是四个盒子里面包含a和ul,ul里面又包含li) <div class="nav"> <li> <a href="#">a</a> <ul> <li>1</li>原创 2022-05-21 14:53:55 · 641 阅读 · 0 评论 -
javascript 显示隐藏密码案例
效果图:这是显示密码,有个睁开的小眼睛这是密码框,有个不让观看的小眼睛核心思路:绑定小眼睛的img和input点击img时,有点击触发事件,让密码框变成文本框,图片换成睁开的眼睛再次点击img时,又有点击触发事件,文本框让变成密码框,图片换成闭上的眼睛 <style> * { padding: 0; margin: 0; } ...原创 2022-05-06 08:56:21 · 491 阅读 · 0 评论 -
解决 col-*-offset-n 不能正常移动的问题
在bootstrap中4.0以下版本!col-sm-offset-3:实质是 margin-left如果你之前给div 盒子设置 margin:0 ; 那么offset 属性将不会起作用。4.0以上版本!根据官方文档用 offset-sm-3 不用再写col- 前缀了。4.0以下版本实验:如果加 margin:0; 就不会产生任何反应! <style> * { padding: 0; ...原创 2022-03-30 23:05:57 · 573 阅读 · 1 评论 -
flex-direction设置主轴的方向
flex-direction:row:从左到右(默认属性)flex-direction:row-reverse;注意盒子中的数字!盒子第一个在右边开始排!flex-direction:column;flex-direction:column-reverse;注意盒子中的文字!盒子第一个在下边开始排!...原创 2022-03-20 22:00:05 · 348 阅读 · 0 评论 -
Flex的常用布局汇总,及对比,思维导图
做图不易取图请@ thanks原创 2022-03-19 14:01:54 · 395 阅读 · 0 评论 -
两面翻转的盒子(解决转后不显示问题)
如图所示:鼠标一碰到盒子,盒子就会翻转!重点来了,很多小伙伴会发现盒子转动后不显示后面的盒子:需要在".front" 标签上加backface-visibility: hidden;加上这行代码就可以啦!代码如下: <style> .box { position: relative; margin: 100px auto; width: 300px; heig..原创 2022-03-10 19:26:16 · 1198 阅读 · 2 评论 -
怎样用html写出三角形
1、先写一个盒子2、让宽度和高度为03、给出一个border值,border:10px solid transparent ;4、想要那个方向的三角形,就给出哪个方向的颜色如图所示:border-top-coloor:blue;上面的三角形就是蓝色!border-left-coloor:red;上面的三角形就是红色!......注意:如图所示正方形的边长为20px 但是所写的border 值为10px 根据此来做出想要的三角形即可!代码如下:<st原创 2022-03-01 12:36:36 · 5441 阅读 · 0 评论 -
外边距的合并问题
在代码的编辑中,常常会遇到下面的问题1、相邻块元素的垂直外边距合并原因:上面的盒子有下边距margin-bottom 下面的盒子有上边距 但是他不会取两外边距之和,而是最大的那个外边距!解决方法:尽量只给一个盒子添加margin值。2、嵌套块元素的垂直外边距塌陷原因:两个嵌套关系的盒子(父子级关系),大盒子有上外边距,小盒子也有上外边距,不会取两外边距之和,而是去两个外边距之中最大的那一个。解决方法:a:可以为父元素定义上边框b:可...原创 2022-02-26 20:30:01 · 366 阅读 · 0 评论 -
HTML中的大于号和小于号怎样用代码打出来?
出于好奇,小飞飞带你们操作一番!< less than 的缩写,前面加上&就可以是“<”> great than 的缩写,前面加上&就可以是“>”原创 2021-08-14 11:20:32 · 8067 阅读 · 0 评论 -
小米盒子布局练习(html)
简单的小米页面布局,希望能帮助正在自学的你!效果图如上所示!代码入下!<head> <meta charset="UTF-8"> <title>小米盒子加强版</title> <style> .box { width: 1160px; height: 515px; margin: 10px auto; } .left { float:left; width: 300px; he..原创 2021-08-03 15:54:55 · 1024 阅读 · 0 评论