css
胖星星
前端菜鸟
展开
-
css 文本填充指定宽度的元素 (表单label对齐)
.label{ display:block; width:100px; min-width:100px; text-align:justify; text-align-last:justify}原创 2021-08-09 20:33:21 · 529 阅读 · 0 评论 -
web浏览器媒体查询屏幕大小划分
如下:sm: 640pxmd: 768pxlg: 1024pxxl: >=1280px使用@media screen and (max-width: 640px) { body header{ background-color:#ccc; }}原创 2021-01-27 09:28:43 · 702 阅读 · 0 评论 -
RGB 与 RGBA 与 16进制 与 HSL 之间的简单转换
前言在网上查了很多的资料,发现了一个转换公式,但是如果是简单的转换,而不是通过js代码转换的话,可以考虑使用浏览器自带的工具使用1.使用F12调试工具用Element找到需要转换的颜色2.鼠标移到16进制颜色的上方看到浏览器的注释3.4.rgba 与 rgb 之间就相差了一个不透明度,同理与16进制之间的转换也可以使用这种方法...原创 2021-01-11 20:17:49 · 818 阅读 · 0 评论 -
reset.css 重置样式
如下html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul原创 2020-08-27 17:20:53 · 100 阅读 · 0 评论 -
单行文本溢出省略号,多行文本溢出省略号,多行文本折行(可用)
1.单行文本溢出…overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本溢出…overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;// 限制多少行…3.多行文本折行overfl...原创 2020-04-27 17:02:00 · 256 阅读 · 0 评论