LHarashi-CSDN博客

原创定位盒子的居中设置

定位盒子的居中设置布局中会经常性的使用到定位，而定位会带来一定的好处，也有一定的坏处例如下方的例子代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定盒子居中显示</title> <style> *{ margin: 0; }

2021-04-28 19:24:59 376

原创分屏快捷键(window)

window10的分屏快捷键2分屏win+←：将选中界面归置左边；win+→：将选中界面归置右边4分屏在二分屏的基础上，选中一个界面，进行操作：win+↑：将选中界面归置现在这边的上边；win+↓：将选中界面归置现在的这边的下边；（本电脑好像不能直接分上下屏幕，不知道这原因，所以不不确定是我自己电脑的原因，还是所有都是这样的）；...

2021-04-28 10:15:20 2797

移动端中C3的特殊样式设置div{ /*CSS3盒子模型*/ box-sizing: border-box; -webkit-box-sizing: border-box; /*点击高亮的样式我们需要清除即设置为transparent 完全透明*/ -webkit-tap-highlight-color: transparent; /*在移动端浏览器默认的外观在iOs上加上这个属性才能给按钮和输入框自定义样式*/ -webkit-appearanc

2021-04-21 07:52:43 238

原创移动端的meta视口标签书写

移动端的mete视口标签<meta name="viewport"" content="width=device -width,user- scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">其中width:宽度设置的是viewport宽度，可以设置device -width特殊值；user-scalable:用户是否可以缩放，yes或者no（1或0）；initial-scale:初始缩放比，大于

2021-04-21 07:41:43 445

原创伸缩菜单栏

极简版：导航栏按平常的div+ul+li+a进行嵌套书写；因我写的箭头是用小正方形的边框来代替的，所以的我a标签尾部有个空盒子；然后将子菜单的内容以自定义列表添加至a标签后；到这基本的骨架就好了，剩下的效果为css的工作html代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易伸缩菜单</title>

2021-04-08 15:02:56 324

原创 banner图的添加（z-index与overflow的共同作用）

banner中的素材图和banner盒子的大小不合时，有以下两种添加方式给图片限制宽度，让其等比缩放；使用定位（图片最好绝对定位）、overflow属性、z-index属性共同编辑；我的盒子代码：<div class="banner_1"> <img src="../image/star.jpeg" alt="" class="t"></div><div class="banner_2"> <img src="../imag

2021-04-01 14:31:46 302 1

原创对相似模块中的不同盒子设置不同的高（最小高和自动高）（css层叠性）

面对一个相似的模块（盒子的嵌套），但是两个模块中的盒子高有不同的高时，例：如下这两个模块的区别就是最左边的图片，第一张图片的高度是第二张图片的一倍多；所以当我选择用两个大盒子放10个小盒子，但是当我常规的排了，代码如下<div class="b_1"> <div><img src="image/whale_long.jpeg" alt=""></div> <div><img src="image/whale.jpeg

2021-03-28 23:54:18 199

原创界面缩小后，全屏下设置的排版出现偏移

盒子布局在全屏模式下排版完好，但是当界面缩小时，就会出现偏移，导致最初的排版都出现问题我的最初界面放大情况下：我的最初界面缩小情况下：排版会随着缩小界面的大小进行移动，但实际状态下是不应该出现这样的状况，实际状态应该是底部添加了滚动条，然后看不见的排版与原先全屏时的布局相同，例如：如图，头部与导航栏右边部分应该是看不见的；有这个效果我是在我的网页body中添加了样式 min-width: 1200px;body{ width: 95%; position: absol

2021-03-26 14:29:39 698

原创 Html快捷键

编写Html的快捷方式html格式!+Tab，生成HTML的初始所需格式；标签标签名+Tab键，可自动补全；div //<div></div>标签名*n+Tab键，可快速建立n个相同的同级标签；`p*3 //<p></p> <p></p> <p></p>`标签>标签+Tab键，可快速建立父子级标签；ul>li //<ul><li></

2021-03-19 15:16:10 3864 6

原创下载网站原有图片素材

HTML新手练习编写网页技能——“素材图片下载”锁定所需界面；点击右键中的检查；（快捷键为Ctrl+shift+i）Ctrl+Shift+C;（可略第二步）之后点击所需要的图片位置；在Elements/Styles界面中找到它的链接；（有一个链接样式）右键“open in new tab“/在新标签中打开在新界面中，将图片另存到所需的文件夹中即可；...

2021-03-19 14:50:10 116

LHarashi的博客