Archer1724的博客

本文包含CSS1&2和CSS3所有的选择器介绍。文章目录CSS选择器1. 类选择器2. 标签选择器（又称元素 / 类型选择器）3. ID选择器4. 伪类选择器5. 关系选择器（1）后代选择器（又称包含选择器）（2）父子选择器（3）相邻兄弟选择器（4）兄弟选择器8. 选择器分组 / 通用选择器8. 派生选择器9. 属性选择器CSS选择器了解各种选择器的使用，我们就可以更好地去完成...

谈到iconfont直译是字体图标，没错它就是。只要做过网页的筒靴们肯定知道它是什么，上图说： 文字前面有颜色的小图标就是iconfont,那肯定有人好奇那，它为什么这样称呼，和一般图标又有什么区别？它该怎么下载和使用呢？别急别急，一步一步解答：1.关于定义由来之所以叫字体图标，就因为我们可以把这样的图标当做字体一样设置样式。2. 关...

在制作网页中，该如何正确使用z-index属性呢？请注意：本文重在讨论z-index问题，所以没有编辑关于具体的样式呈现代码。关于z-index属性，我在前面的博客里总结了它的使用方法。不过，在实操中对它又有了不同的认识。以某东购物车为例：我们需要实现当它hover的时候，下面出现二级框：那我们要实现它呢，在z-index方面： 要是以平时，大框嵌套二级框，作为它的父元素，用...

文章目录1. 设置一个元素的边框和轮廓2. 使用标签的次序3. 设置margin 值4. box-shadow (阴影)5. 设置框中溢出的文字为省略号6. 渐变（Gradients）（1） 线性渐变（linear-gradient）做网页时，注重每一个小细节，精益求精。1. 设置一个元素的边框和轮廓当在制作网页的时候，有时默认存在的边框线，点击元素浏览器会出现轮廓是很不美观的。比如说...

文章目录1. CSS 定位(1). position 属性(2). 水平居中2. 实例(1). 如何设置鼠标图标成手状(2).如何区分定义列表（表单）的元素1. CSS 定位 简而言之，CSS定位属性允许对元素进行定位。CSS 有三种基本的定位机制：普通流、浮动和绝对定位。一般处于普通流，通过设置可以改变为浮动流和绝对定位。(1). position 属性-----static...

文章目录CSS1.样式表的引用方法2.属性对HTML的基础内容有一定了解后，我继续进入CSS的学习。CSS       层叠样式表（Cascading Style Sheets), 是一种可以用来表现HTML等文件样式的计算机语言。1.样式表的引用方法注意：其中例子中的标签可以是任何标签(1). 行内样式表（在标签内...