前端开发2025年09月09日
...
前端开发2025年09月09日
一、基本选择器序号 选择器 含义1. * 通用元素选择器，匹配任何元素2. E 标签选择器，匹配所有使用E标签的元素3. .info class选择器，匹配所有class属性中包含info的元素4. #footer id选择器，匹配所有id属性等于footer的元素实例：* { margin:0; padding:0; }p { font-size:2em...
前端开发2025年09月09日
上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。 1.列表List 1).列表的类型 <ul style='list-style-type:square'><li></li></ul> none 无标记 disc 实心圆 cir...
前端开发2025年09月08日
为什么要初始化CSS？ 建站老手都知道，这是为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写...
前端开发2025年09月08日
&lt;style&gt; i{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2794EF; } &lt;/style&gt; &lt;i&gt;&lt;...
前端开发2025年09月08日
css3跟html5一样是css的最新版本，但也是很多年前了 css3更新了 max/min-width/height 最大最小宽高 border-radius 圆角 background（image，size，repeat，position，Origin，clip） 背景，可以用图片作为背景 Gradients 渐变 text-shadow 字体阴影 b...
前端开发2025年09月08日
把响应式布局和动画放在一起写是因为他们有个共同点@符号 先讲讲响应式布局@media 响应式布局曾经非常的流行，这种布局方式可以做出一也兼容一切设备的页面，但是当页面的功能越来越多，css文件越来越大，兼容难度越来越大，js也会很难写，于是他们离开了历史的舞台， 如今流行的还是手机端一份，pc端一份，pc用css适配实现，但是pc的屏幕大小也有很大的区别，...
前端开发2025年09月08日
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th&...
前端开发2025年09月08日
HTML部分 <div> <span>这是一个CSS3截取截取字符的例子。它根据宽度来处理。</span> </div> <div class="ut"> <span>无用占位</span> <a href="#" title="这是一个CSS3截取截取字符的例子。它...
前端开发2025年09月08日
css hover 动画 transition:background-color 0.2s,color 0.2s; 外层套内层，正常是 里外层 鼠标上来 外层有hover，如果就想到里层hover触发外层hover，要用外层position 定义绝对定位，内层的hover跳出外层的div，这样视觉上就是两个单独的div，进行内外层联动。 ...