2024-11-13 厉飞雨 阅读(225) 评论(0) 赞(19)

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

2024-11-13 厉飞雨 阅读(220) 评论(0) 赞(23)

<h2>HTML编码规范：</h2> <ul> <li>使用小写元素名:&lt;session&gt;</li> <li>关闭所有HTML元素:&lt;p&gt;&lt;/p&gt;</li> <li>使用小写属性名:&lt;d...

2024-11-13 厉飞雨 阅读(213) 评论(0) 赞(16)

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

2024-11-13 厉飞雨 阅读(381) 评论(0) 赞(19)

<h2><strong>CSS 定位机制</strong></h2> <blockquote> <p>CSS 有三种基本的定位机制：</p> <ul> <li>普通流</li> <li>浮动</li> <li>绝对定位<...

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

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

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

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

2024-11-07 厉飞雨 阅读(240) 评论(0) 赞(13)

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

2024-11-07 厉飞雨 阅读(350) 评论(0) 赞(18)

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

2024-11-07 厉飞雨 阅读(212) 评论(0) 赞(17)

<p>出色的自定义效果展示：</p> <p>设计达人： <a href="/go/?target=aHR0cDovL3d3dy5zaGVqaWRhcmVuLmNvbS91c2UtY3NzMy10by1jcmVhdGUtYS1iZWF1dGlmdWwtY29tbWVudC11aS5odG1s">http://ww...

2024-11-07 厉飞雨 阅读(454) 评论(0) 赞(18)

<br /> <p><img src="/blog-heatmap/heatmap_screenshot_hu15725705225563266974.png" alt="" /> 效果截图</p> <br /> <blockquote> <p>查看实时效...