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

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

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

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

2024-11-07 厉飞雨 阅读(257) 评论(0) 赞(16)

<p><strong>A~B (波浪号)</strong> 选择前面有A元素的所有B标签 为相同父元素中位于A标签后的所有B元素设置样式 两种元素必须拥有相回的父元素，但是B不必真接紧随A出现</p> <p><strong>A&gt;B (大于号)</strong> 是CSS3特有选择器...

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

<h2>font-weight 字体粗细</h2> <p>| 属性 | 说明 | 对应值 | |---------|---------|-----| | norml | 正常（默认值） | 100 | | lighter | 较细 | 400 | | bold | 较粗 | 700 | | b...

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

<h2>边框样式</h2> <h3>border-width</h3> <p>border-width用于定义边框的宽度，通常是一个像素值。</p> <h3>border-style</h3> <p>border-style用于定义边框的风格，通常有三种：</p&g...

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

<h2>表格标题位置</h2> <p><strong>语法</strong> ：<code>caption-side:取值;</code></p> <p>默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。</p> ...

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

权重比较 ---- 1、对于相同的选择器（比如同样都是类选择器），其样式表排序：行级样式 \> 内嵌样式表 \> 外部样式表（就近原则） 2、对于相同类型的样式表（比如同样都是内部样式表），其选择器排序：ID选择器 \> 类选择器 \> 标签选择器 3、外部样式表的ID选择器 \> 内嵌样式表的标签选择器 计算权重 ---- ![](...

2024-11-07 厉飞雨 阅读(226) 评论(0) 赞(16)

<ol> <li>浮动元素会脱离标准流（简称：脱标），在标准流中不占位置。<br /> ※ 相当于从地面飘到了空中，如果一个元素按照正常的标准流来显示，会在html中所属的位置上占位，后面的元素会紧跟着它，但是浮动脱离了标准流，以后我们在看到浮动的元素之后，不能以正常的标准流里进行判断。</li> <li>浮动元素比标...

2024-11-07 厉飞雨 阅读(357) 评论(0) 赞(20)

<h2>1.直接设置父元素的高度</h2> <p><strong>优点：</strong> 简单粗暴、方便。</p> <p><strong>缺点：</strong> 有些布局中不能固定父元素高度。如：新闻列表、京东推荐模块等。</p> <h2>2....

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

静态定位： ----- 静态定位是默认值，就是之前认识的标准流。 代码：postion:static 静态定位不能通过方向偏移值来改变。 相对定位： ----- 自恋型定位，相对于自己之前的位置进行移动。 代码：postion:relative 1. 需要配合访问属性来移动 2. 相对于自己原来的位置进行移动 3. 在页面中占位置→没有脱标 **应用场景*...