前端开发2025年08月27日
鼠标经过时，元素整体放大，代码如下： .tc>div>ul>li { display: inline-block; vertical-align: top; width: 295px; height: auto; margin: 0 20px 18px 0; background: white; box-sizin...
前端开发2025年08月27日
E:first-child是伪类选择器， 匹配父元素的第一个子元素E 从说明可以看出E是你要选择的第一个子元素，而不是父元素。一开始，误以为E:first-child是E的第一个子元素。 :nth-child(n) 匹配父元素的第n个子元素E E也是子元素，而且也只能匹配父元素下第n个子元素。n是从1开始计数 <ul> <li>l1...
前端开发2025年08月27日
一，样式表分类 （1）内联样式【优先级最高】【常用】【代码重复使用性最差】 （当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。） （2）内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】 （当单个文件需要特别样式时，就可以使用内嵌样式表。你可以在 head ...
前端开发2025年08月27日
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style> .demo { width: 600px; } .line_01 {...
前端开发2025年08月26日
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--1.清除输入框内的空格--> <!--<input type=...
前端开发2025年08月26日
在文章的内容区中，通常会有图片。如果图片的尺寸过大，常会把页面结构撑得变形。 以前，我采用JS来控制，效果还是不错。 这段时间，一直用DIV+CSS的方式来制作页面，发现用CSS来得更方便，相信处理速度也更高。 方法如下： 程序代码 &lt;div class=”UBBPanel”&gt; &lt;div class=”UBBTit...
前端开发2025年08月26日
最近用某开源模板做提案的时候, 抓包工具老是有外部Request. 问题出在某css中有这么一句: @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); FQ出去下载了这个css,...
前端开发2025年08月26日
第一种，常用于垂直居中盒子的文字，需要知道盒子高度，行高不能设置百分比 text-align:center; line-height:盒子本身高度 第二种，使用display:table和display:table-cell配合，两个必须分别作用于父盒子和子盒子 display:table-cell; vertical-align:middle; 第三种，...
前端开发2025年08月25日
</pre><pre name="code" class="html"><!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> &l...
前端开发2025年08月25日
从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。1. 内联式CSS，直接把CSS代码写入到HTML标签中。例如： ``` &lt;p style="color:red";font-size:12px&gt;这里文字是红色。&lt;/p&gt; ``` 优点是十分的便捷、高...