CSS
关注
分享
扫一扫
周百万.
生于华夏，吾辈当自强！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
怎样在VS code中设置默认font-size的大小（运用在px转rem中）
1、打开VS code进入主页面 4、在搜索框中输入cssremroot 5、在75所在的输入框中就能输入你想设置的font-size 大小原创 2022-09-11 22:04:21 · 1494 阅读 · 1 评论 -
基础选择器汇总——标签选择器，类选择器、id选择器、通配符选择器
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中标签指定统一的 CSS 样式。在 CSS 中，通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）其中权重不能直接说成 1、10、100这样，但可以这样理解，这样理解更方便！如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。复合选择器和属性选择器请参考我写的其他文章！原创 2022-09-05 11:52:24 · 5572 阅读 · 0 评论 -
javascript轮播图超详细
鼠标移动到轮播图中显示左右按钮，轮播图片的定时器停止 鼠标移出轮播图隐藏左右按钮，轮播图片的定时器开始 动态创建下面的小圆点 无缝滚动效果 点击左右按钮能切换图片，点击小圆点也能切换到对应的图片中，定时器切换图片 使用时间阀，只有点击左右按钮图片运动完成之后，点击左右按钮才能再次滚动，防止点击左右按钮次数过多，图片滚动过快的情况...原创 2022-07-06 16:13:53 · 16587 阅读 · 10 评论 -
仿京东放大镜效果（pink老师版）
跟着pink老师学的，根据pink老师的代码敲，顺便改良了一下他的一个小bug原创 2022-07-01 00:18:54 · 1364 阅读 · 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 · 1492 阅读 · 1 评论 -
javaScript中倒计时效果（详细步骤版）
总代码（赶时间直接复制即可）： 详细步骤（想学会的请看此处）：1、先创建三个盒子 2、给盒子用css写一下他的属性,定义它的宽高，以及颜色，效果如下图所示！ 3、获取三个盒子对象 ......原创 2022-06-25 22:36:34 · 871 阅读 · 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 · 771 阅读 · 0 评论 -
javascript 显示隐藏密码案例
效果图： 这是显示密码，有个睁开的小眼睛 这是密码框，有个不让观看的小眼睛 核心思路： 绑定小眼睛的img和input 点击img时，有点击触发事件，让密码框变成文本框，图片换成睁开的眼睛 再次点击img时，又有点击触发事件，文本框让变成密码框，图片换成闭上的眼睛 <style> * { padding: 0; margin: 0; } ...原创 2022-05-06 08:56:21 · 603 阅读 · 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 · 715 阅读 · 1 评论 -
flex-direction设置主轴的方向
flex-direction：row:从左到右（默认属性） flex-direction：row-reverse; 注意盒子中的数字！盒子第一个在右边开始排！ flex-direction：column; flex-direction：column-reverse; 注意盒子中的文字！盒子第一个在下边开始排！ ...原创 2022-03-20 22:00:05 · 433 阅读 · 0 评论 -
Flex的常用布局汇总，及对比,思维导图
做图不易取图请@ thanks原创 2022-03-19 14:01:54 · 482 阅读 · 0 评论 -
两面翻转的盒子（解决转后不显示问题）
如图所示：鼠标一碰到盒子，盒子就会翻转！ 重点来了，很多小伙伴会发现盒子转动后不显示后面的盒子：需要在".front" 标签上加 backface-visibility: hidden; 加上这行代码就可以啦！ 代码如下： <style> .box { position: relative; margin: 100px auto; width: 300px; heig..原创 2022-03-10 19:26:16 · 1354 阅读 · 2 评论 -
怎样用html写出三角形
1、先写一个盒子 2、让宽度和高度为0 3、给出一个border值，border：10px solid transparent ; 4、想要那个方向的三角形，就给出哪个方向的颜色 如图所示：border-top-coloor:blue;上面的三角形就是蓝色！ border-left-coloor:red;上面的三角形就是红色！ ...... 注意：如图所示正方形的边长为20px 但是所写的border 值为10px 根据此来做出想要的三角形即可！ 代码如下： <st原创 2022-03-01 12:36:36 · 5651 阅读 · 0 评论 -
外边距的合并问题
在代码的编辑中，常常会遇到下面的问题 1、相邻块元素的垂直外边距合并 原因：上面的盒子有下边距margin-bottom 下面的盒子有上边距 但是他不会取两外边距之和，而是最大的那个外边距！ 解决方法：尽量只给一个盒子添加margin值。 2、嵌套块元素的垂直外边距塌陷 原因：两个嵌套关系的盒子（父子级关系），大盒子有上外边距，小盒子也有上外边距，不会取两外边距之和，而是去两个外边距之中最大的那一个。 解决方法：a:可以为父元素定义上边框 b:可...原创 2022-02-26 20:30:01 · 456 阅读 · 0 评论 -
HTML中的大于号和小于号怎样用代码打出来？
出于好奇，小飞飞带你们操作一番！ < less than 的缩写，前面加上&就可以是“<” > great than 的缩写，前面加上&就可以是“>”原创 2021-08-14 11:20:32 · 8801 阅读 · 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 · 1171 阅读 · 0 评论