前端开发2025年09月16日
pc端： .not-select{ -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/ -ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none; } 移动： ....
前端开发2025年09月15日
IOS端： background-color:transparent; border-color:transparent; andorid端： 仅仅使用上面的代码还不够，可以发现select框在某些浏览器（包括微信）内置浏览器下 还会有箭头以及高亮的线框，要除去这个可以使用 -webkit-appearance: none; 取消webkit默认的样式。 ...
前端开发2025年09月15日
scss可视化工具:http://koala-app.com/index-zh.html scss讲解地址:http://www.cnblogs.com/adine/archive/2012/12/18/2823669.html 官网：http://sass-lang.com/ less，scss区别: http://www.kuqin.com/langu...
前端开发2025年09月15日
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...
前端开发2025年09月15日
.class{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }...
前端开发2025年09月15日
css中url(../images/1.jpg)路径是相对于index.css的 js中url(images/1.jpg)路径是相对于index.html的，并不是相对于index.js ...
前端开发2025年09月15日
在CSS中，选择器是用于选择要设置样式的元素的模式。 选择器 例子 描述 .class .intro 选择class=“intro”的所有元素 #id #firstname 选择id=“firstname”的元素 * * 选择所有元素 element p 选择所有&lt;p&gt;元素 element,element div, p 选择所有...
前端开发2025年09月15日
1.在对网页进行布局前就先将bootstrap包中的东西导入到自己的页面中去。自己定义的css样式导入在bootstrap之后，可以起到当类名与bootstrap重复时对bootstrap样式践行覆盖的作用。 2.尽量避免所取类名与bootstrap相撞 3.当页面显示效果与自己所想不符时，利用审查元素找到该元素对应的样式，有可能是因为bootstrap中...
前端开发2025年09月15日
话不多说先附上代码 &lt;style&gt; ul li { float: left; display: block; list-style: none; margin-left: 20px; border-bottom: 2px black solid; position: relative; } ul li::before { con...
前端开发2025年09月14日
目的: 想给一个简单的小按钮扩大其热区在四个方向上均向外扩张10px 解决方案: 1. 常规的解决方案可能是设置一圈透明边框。 border: 10px solid transparent; 2. 但是如果按钮有背景色，那么边框很可能会扩大按钮的可视尺寸。于是可以采用background-clip属性将背景限制在padding-box区域内。 backgr...