CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/03 CSS

提到css预编译器（css preprocessor），你可能想到Sass、Less以及Stylus。而本文要介绍的PostCSS，正是一个这样的工具：css预编译器可以做到的事，它同样可以做到。 “你说的我都懂，那为什么要用它？” 套装与单件如果Sass等预编译器是新定义了...

前端技术 2023/09/03 CSS

好多网站的搜索输入框设计的很漂亮,接下来笔者将逐步介绍如何设置自己的搜索输入框. 设计效果图: 该效果主要采用CSS样式与Javascript进行实现.不得不说CSS样式功能很强大,而且效果很炫,笔者推荐一本书叫《CSS禅意花园》,你可以从中感悟CSS的唯美之处. 我们分步来...

前端技术 2023/09/03 CSS

效果图：实现方法：复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <title>Insert title here</tit...

前端技术 2023/09/03 CSS

这是一款非常有特点的CSS3按钮，按钮的背景不是北京图片，也不是单纯的颜色，而是一组魔幻般的冒泡背景动画。当我们将鼠标滑过按钮时，按钮的冒泡背景动画就可以展示出来。可以说这款CSS3按钮的设计风格相当有创意，而且令人惊叹的是，这些动画都是用CSS3实现的，并没有使用JavaSc...

基于CSS制作天蓝色导航菜单

前端技术 2023/09/03 CSS

一款亮丽的导航，能给网站一个画龙点睛的作用。导航在指引用户搜寻内容时，还能改变用户浏览网站的心情，浏览网站也像一场旅行，有创意的导航栏让用户欣赏起来也会更加愉悦，增加对网站的兴趣。本人不擅长美工制作，不过可以从某些漂亮的网站中提取不错的部分为自己所用，也为他人分享。今天这里为...

前端技术 2023/09/03 CSS

在很多是时候往往要打印网页中的某一部分，而不是全部网页，所以告诉打印机要打印的部分，使用css进行一下设置是一个比较好的方式，先看一段代码: 复制代码代码如下:<link href=\"css/screen.css\" rel=\"stylesheet\" type=\"...

前端技术 2023/09/03 CSS

复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&g...

前端技术 2023/09/03 CSS

好久没有更新了，学习也一直停顿着。今天看到同学的一句博客“你的高度决定你的视线，长得不高不是你的错，但是站的不高就是你的错了。” 废话少说，开始学习：这几天一直在研究HTML+CSS布局。并没有把所有的布局都弄明白，只学了一点常用的css控制属性；先上图看看吧。ps：只为...

前端技术 2023/09/03 CSS

有3个属性和布局以及box的创建有关：\'display\', \'position\' 和 \'float\'，彼此交互作用如下：如果\'display\'值为\'none\'，则\'position\' 和 \'float\'无作用。这种情况下，不生成box。否则，如果...

前端技术 2023/09/03 CSS

iPhone4虽然是640px的分辨率，但其屏幕宽度（device-width）只有320px和iPhone3G一样，只不过iPhone4S的像素密度是2。那么使用meta viewport的时候，就需要注意这种差别。如果要检测高像素密度设备，可以使用类似下面...

关闭

我的博客