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

<h2>CSS margin 外边距属性</h2> <p>语法：</p> <pre><code class="language-css"> <p>margin : auto | length</p> <p></code></pre&g...

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

<h2>css width 和 height 属性设置对象的宽高度</h2> <p><strong>语法：</strong></p> <pre><code class="language-css"> height : auto | length width : a...

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

<h2>CSS min-height（width）属性设置对象的最大高度（宽度）</h2> <p><strong>语法：</strong></p> <pre><code class="language-css"> min-height : none | lengt...

2024-11-13 厉飞雨 阅读(285) 评论(0) 赞(33)

CSS max-width(height)属性设置对象的最大宽高 -------------------------------- **语法：** ```css max-width : none | length max-height : none | length ``` **参数：** none : 　无最大高度限制 length : 　由浮点数字和单位...

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 厉飞雨 阅读(379) 评论(0) 赞(19)

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