小小前端工程师-优快云博客

原创前端篇~~~css（5）

说到这里，我们本期的内容就要接近尾声啦~~~小编给各位小主留一些小小的练习题，各位小主可以先尝试做一做，小编下一期再和各位小主分享哦(*^▽^*)，下一期我们进行一下css的收尾工作，进入css3倒计时啦~此三行为关键代码，其中transparent是透明，我们想要角的尖朝向哪里，就把该方位设置成相应的颜色，其他方向设置为透明属性，反之亦然。我们把box作为相对定位，content为绝对定位，我们的角也是绝对定位，先调整content的位置，调整好之后，再调整角的定位。即使元素不可见，还是会占据空间。

2024-07-25 18:47:20 1424

原创前端篇~~~css（4）

答案小编会发在评论区哦），但是我们观察上面的代码，我们并没有将行内元素转为块级元素，通过浮动也可以设置有效宽高，这就是脱离标准文档流，在浮动中我们不再去区分块级元素，行内元素和行内块元素。各位小主可以看出，这个半蓝色区域才是我们one的完整区域，但是被浮动的content盖住了一部分，这就是小编所说的浮动的元素和标准的文档流在一起会发生覆盖。另外，这里小编还要多说几句，浮动的元素只会影响后面的标准文档流，但不会影响前面的标准文档流，也就是说我们的one盒子写在box的上面就不会被覆盖了。

2024-07-15 20:05:46 596 1

原创前端篇~~~css（3）

各位小主来猜猜看，我们的one盒子和two盒子之间的间距应该是多少呢？如果有的小主是这么想的，那么奇迹来喽。各位小主可以看到，我们设置的宽高200*200其实并不是我们box的宽高，而是我们内容的宽高，而我们真正box的宽高是内容（200）+padding（10）+border（2.667），我们把这样的盒子叫做标准盒模型。各位小主们，很抱歉，小编这次报道迟到了，7月8号我大学舍友来公司报道啦，小编非常开心，舍命陪君子，所以耽误了更新进度，各位小主请见谅~接下来，我们书接上回，继续我们css的征程。

2024-07-11 20:10:35 1572

原创前端篇~~~css(2)

叮铃铃~~~小编再一次准时报道(#^.^#)各位小主们要给这样准时努力上班的小编点赞呦~~~ 言归正传，我们来说一说上一期的悬案我们先来说一说遗留的第一大悬案，到底哪个span字体变成了黄色 div span:nth-child(2)表示的是先找到div下面的第二个标签，看看这个标签是不是span标签，如果是字体变黄，如果不是则无样式，这里小编上期已经说过啦，这里一带而过啦，不明白的小主可要翻看前面的内容啦我们再来说一说遗留的第二大悬案各位小主们看一下，我们的样式一不一致啊？这里小编

2024-07-07 21:30:39 645

原创前端篇~~~css（1）

上面的例子我们可以看到有两个div标签，我们先来看第一个div标签，第一个div下面的子元素都已经标记是成绿色啦，那么第一个div下面的第四个标签正好是p标签，所以索隆变成了蓝色，我们再来看第二个div标签，该背景色标记成灰色，第二个div下面的子元素都已经标记成了蓝色，我们来找第二个div下面的第四个子元素，一看正好是p标签，所以凯多变成了蓝色。.one p 指的是one下面的后代p标签，找的是one下面的儿子，孙子，曾孙子等等，只要是one下面的p标签，字体颜色都会变成蓝色。

2024-07-05 19:28:14 669

原创前端篇~~~html（4）

这里呢，要给各位小主声明一下，所谓的有效宽高就是你在设计样式时设置了这个标签的宽高，而实际展现出来的也是你所设计的宽高，这就是有效宽高！用户名：<input type="text" name=""style="width: 300px;用户名：<input type="text" name=""style="width: 300px;在前面几期内容中，我们讲到了各种标签类型，其中有一个标签独占一行的，比如div标签，标题标签，也有多个标签占用一行的，有span标签，那么今天我们来说一说这些标签的分类。

2024-07-04 13:30:41 1604

原创前端篇~~~html（3）

本期内容就到这里啦，近期由于考核任务耽误了更新进度，让各位小主们久等啦，小编再次鞠个躬，小编的考核任务在今天正式结束啦，考啦95分的高分呢，所以小编可以恢复正常的更新啦，在此小编请各位小主安心，小编绝不会弃更的！为了提高用户的体验感，我们设计时不仅仅要用户点击前面的圈才能选中，还要保证用户点击字也能选中，而前者给大家说的是用户必须点击前面的小圆圈才能选中，现在我们就来说一说如何让用户点击字也能实现该选中的功能~~~其中，默认男为选中，女禁用，也就是说，加了disabled属性之后，用户无法选择女性。

2024-07-02 19:49:56 747

原创前端篇~~~html（2）

div容器标签，我们通常称其为盒子，用来装其他的元素，div会在以后的篇章中有很多作用，在这里呢就先不详细去说啦，只给各位小主举个简单的例子看一下，后期会特别讲一讲div的大作用，超乎你的想象哦~~~用在tr上让当行内容居中，其他行不居中。

2024-06-19 13:34:13 619

原创前端篇~~~html（1）

a href="https://4399.com" target="_blank">跳转到游戏</a>-- 主要是用来包裹文本的，一般结合CSS属性去用 -->-- 简写 加粗 -->-- <del></del> 简写 <s></s> 删除线 -->-- <ins></ins> 简写 下划线 -->-- 简写 斜体 -->_blank会在新的一个页面打开4399小游戏。

2024-06-17 20:05:02 329

qq_61912766的博客