CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/03 CSS

在不支持image-set的浏览器下，他会支持background-image图像，也就是说不支持image-set的浏览器下，他们解析background-image中的背景图像；支持image-set：如果你的浏览器支持image-sete，而且是普通显屏...

前端技术 2023/09/03 CSS

方法一：复制代码代码如下: <div style=\"width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\"> 任意长度的字符串 </div> 说明：优点是...

前端技术 2023/09/03 CSS

复制代码代码如下: <html xmlns=\"http://www.w3.org/1999/xhtml\"> <head runat=\"server\"> <title></title> <style type=\"te...

前端技术 2023/09/03 CSS

如何把整数转换为百分数前面提到了，使用百分数值代替整数值来表示红、绿、蓝三原色的量，最后得到的结果是相同的。0代表0%，255就表示100%。为了让百分数等值，你只需要让整数值除以255然后乘以100%就可以了。上面的例子中，如果RGBA色彩值是rgba（255,242,0...

前端技术 2023/09/03 CSS

有这样一个需求：文字超出规定范围时，可以用省略号显示最简单的实现办法用css的一个属性就可以 text-overflow:ellipsis，和white-space:nowrap配合使用即可偶然间发现的，如果有更好的方法，欢迎给phoebe留言啊

前端技术 2023/09/04 CSS

新技能传授-哔哔哔哔 search类型搜索框，设计师常常会设计一个叉叉图标，表示用户点之久可以清除输入的内容。比方说这个：这是不错的体验！当前现代浏览器中，Chrome浏览器下type=search的输入框会有清除按钮的动态呈现，不过搜索input框尺寸不太好控制(padd...

前端技术 2023/09/04 CSS

实例如下：源代码： XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <title>donghua</title> <meta ch...

前端技术 2023/09/04 CSS

平时只顾着写程序，写 div 或 span 或 ul li 之类的，常常遇到一莫名的问题，自己的解决方式可能是 top: -10px 也可能 float:left 之类的，问题当然能得到解决，就好像坐轮船到纽约和坐飞机到纽约的结果一样，都是到了纽约，只是方式不同...

前端技术 2023/09/04 CSS

用纯css3和html来制作一些社交媒体的图标，虽然没有图片和javascirpt,css3配合 html也能实现这些图标。 html代码如下：复制代码代码如下:<div class=\"content\"> <ul> <li class=...

关于优酷网reset.css参考

前端技术 2023/09/04 CSS

复制代码代码如下:@charset \"utf-8\"; /*element*/ html{direction:ltr;*overflow-y:scroll;} body{height:100%;background:#fff;} body,div,dl,dt,dd,ul,ol...

关闭

我的博客