摘要： 作为还在努力练习的代码小白来说，有时类名或者ID名太多很容易就会搞混，为此，在练习中会想着借用多样的选择器来设置而不是每一个标签都设一个类名（Id名），在此次练习中使用选择器:first-child与:last-child就遇到了失效的问题： 使用一个并列显示的不同尺寸的图片为例（如图） 初始代码为 阅读全文

摘要： 在写文字内容占大篇幅的页面是，总是会面临着改变字体的需求，以下为font-family常用合集以及一部分文字效果： windows常见内置中文字体 字体中文名 字体英文名 效果实例 宋体 SimSun（浏览器默认） 夏目友人帐/ABCDEFG 黑体 SimHei 夏目友人帐/ABCDEFG 微软雅黑 阅读全文

摘要： 在涉及到两个<div>元素并列显示的效果时，一般有两种方法： 1.使用float元素让元素并联显示； 2.将块状的<div>元素display设置为inline-block，使其成为线性块状元素，从而具备线性元素的特点，达到并列显示目的； 由于float元素具有：脱离文本流以及使父元素高度塌陷的特性 阅读全文

摘要： 常用网页界面中，导航栏中的倒三角下拉小图标实现，可用overflow： 效果如右图： 将符号◇用输入法的软键盘输入，利用overflow超出父容器部分隐藏的特性，让我们需要的下半边三角让其在父容器里面，故父元素(.T-son)高位符号的一半，宽度相同（强调：父容器的宽度也是需要设置的，否则会让其整个 阅读全文

摘要： 练习前端技术学院的任务，需要实现“导航栏中的链接，随着鼠标悬浮的位置，相应的链接下出现红色线段”的效果（如图1），我的理解有简易与稍显复杂一些的方法： 首先想到的就是直接利用伪元素，改变其底边框状态即可。对应的代码及效果如下: css为： 此方法就没有了平滑的动作（动画效果），其效果如图： 另一方法 阅读全文