2024-11-13 厉飞雨 阅读(15) 评论(0) 赞(5)

**序言** ------ 使用技巧会让人变的越来越懒，没错，我就是想让你变懒。 下面是我收集的CSS高级技巧，希望你懒出境界。 **1. 黑白图像** ----------- 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ ```css img.desaturate { filter: grayscale(100...

2024-11-13 厉飞雨 阅读(12) 评论(0) 赞(3)

HTML编码规范： --------- * 使用小写元素名:\<session\> * 关闭所有HTML元素:\<p\>\</p\> * 使用小写属性名:\<div class="menu"\> * 属性值使用引号:\<table class="table striped"\>...

2024-11-13 厉飞雨 阅读(14) 评论(0) 赞(3)

**CSS 框模型(Box Model)** ---------------------- 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图...

2024-11-13 厉飞雨 阅读(17) 评论(0) 赞(4)

**CSS 定位机制** ------------ > CSS 有三种基本的定位机制： > > * 普通流 > * 浮动 > * 绝对定位 **一、普通流** --------- 　　除非专门指定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margi...

2024-11-13 厉飞雨 阅读(15) 评论(0) 赞(3)

> 对于所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人------你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。 > 这就是我们又爱又恨的------float。所以，系统的学一学float是非常非常有必要的。视频学习可参考张鑫旭的《CSS深入理解之float浮动》，讲的很好很透彻...

2024-11-07 厉飞雨 阅读(33) 评论(0) 赞(5)

js、css 等静态资源可以放在自己的服务器上，或者引用网络上的CDN公共库使用，与存放在服务器单机上相比，CDN公共库更加稳定、高速。 ![](http://static.51tbox.com/static/2024-11-07/col/923164381afb45d40106ea2fd957b9f3/47bf1d57f8d44a47b13d58d03256a52f.web...

2024-11-07 厉飞雨 阅读(24) 评论(0) 赞(2)

 说明 --- 因为我的底子特别的差(大佬勿喷)，今天想让文字在图片上方显示，并且给图片模糊，结果当图片模糊之后也就是实现毛玻...

2024-11-07 厉飞雨 阅读(19) 评论(0) 赞(4)

我想 我的博客是永远通不过 XHTML1.0 和 CSS3.0 验证了 两个验证结果分别如下： [CSS3.0](/go/?target=aHR0cDovL3ZhbGlkYXRvci53My5vcmcvY2hlY2s%2fdXJpPWh0dHA6Ly9lYWxsaW9uLmNvbSZjaGFyc2V0PShkZXRlY3QrYXV0b21hdGljYWxseSkmZG9...

2024-11-07 厉飞雨 阅读(28) 评论(0) 赞(3)

出色的自定义效果展示： 设计达人： [http://www.shejidaren.com/use-css3-to-create-a-beautiful-comment-ui.html](/go/?target=aHR0cDovL3d3dy5zaGVqaWRhcmVuLmNvbS91c2UtY3NzMy10by1jcmVhdGUtYS1iZWF1dGlmdWwtY29tbWVu...

2024-11-07 厉飞雨 阅读(27) 评论(0) 赞(5)

<br />  效果截图 <br /> > 查看实时效果：👉 [首页](https://51tbox.com/) / 👉 [统计页](https://51tbox.com/) ### TL;DR [#](#tl...