随笔分类 -  HTML5/CSS3

摘要：一、背景 css最为重要的就是布局，但是还有一个比较重要的就是层次的叠加。如果多个布局叠加在一起的时候，如果只是展示不在视觉上的问题，但是在实现js交互的时候如点击之类的 就会出现无法点击到的情况。 二、举例 2.1 问题描述 实现这样的一个盒模型。一个标签为绝对定位，另一个标签默认。 运行结果，不 阅读全文

摘要：一、背景 在做项目的时候，有一个提出了这样的需求：文字一个一个向上或者向下浮动，到达边界变成在一个范围内上下浮动。一个需求就是改变图片的大小适配自己的盒模型。一个是渐变色分割。 二、解决 1.实现字体浮动 在js中有两个循环执行的方法，setTimeout，setInterval两个方法。 setT 阅读全文

摘要：一、背景 在进行css的样式设计时我需要完成下面的一种样式设计如图所示，但是在设计的过程中遇到了一个关于float的问题 二、思路 2.1 开始的想法 在这样的布局中我将上新、标题放入一个div中，价格单独设置出来模型代码如下，这个时候由于tag-name和title-name同盒子，因此只需要将t 阅读全文

摘要：背景 首先是对CSS的布局设置都要嵌入在div标签中，然后通过操作div来进行布局。同时CSS的布局设置以及内容有很多，主要的包括border、margin、padding这三个属性对于标签的布局起着至关重要的作用，图像如下，在进行CSS布局的时候我们遇到一个问题就是，在需要将两个容器进行并排处理， 阅读全文