wx584411d751930的博客_D-CSS

SCSS常用语法总结

Scss 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等

SCSS常用语法总结

选择器

css

赋值

原创 2019-12-09 16:05:12 414 阅读 1点赞

Css实现漂亮的滚动条样式(兼容IE)

WebKit内核浏览器效果：代码：<!DOCTYPE html><html><head><meta charset="utf-8"><style>.container { height: 200px; width: 600px; overflow: auto;}.left_table {...

3d

html

滑块

原创 2019-12-07 23:09:58 136 阅读

html 设置button 内文字垂直居中

将button的行高和其列高设置相同即可height: 30px;line-height: 30px;

jj

原创 2019-12-02 13:37:12 381 阅读

flex布局文本溢出显示省略号...不好使

<div style="width: 0px; display: flex; flex-grow: 1;"> hellowww.baidu.comhello@baidu.com</di

省略号

CSS

百度

原创 2019-11-15 14:26:13 194 阅读

flex布局IE下英文过长不自动换行问题

加上css属性word-break:break-all;

css

原创 2019-11-15 14:09:23 60 阅读

CSS替换select下拉菜单后边图标

select {/*Chrome和Firefox里面的边框是不一样的，复写了一下*/bo

CSS替换select下拉菜单后边图标

Chrome

原创 2019-11-15 12:37:40 122 阅读

html中的文本在指定位置换行

在“浏览器处理"中，想在浏览器和处理中间换行，因为某些原因还不想使用换行标签<br>。<meta charset="utf-8"/><div style="white-space: pre-wrap">浏览器处理</div>css里加入white-space: pre-wrap这个属性就可以了。white-space属性可以设置如何...

css

空白符

换行符

原创 2019-10-15 19:08:01 47 阅读

CSS3绘制的基本图形

1、正方形#square { width: 100px; height: 100px; background: #6bbf20;}2、长方形#square { width: 200px; height: 100px; background: #6bbf20;}3、圆形#square { width: 100px; heigh...

CSS3绘制的基本图形

5e

原创 2019-10-12 14:28:26 95 阅读

Flex布局中的flex-grow无效问题

今天用flex布局画table，当设置表头间距的时候用到了flex-grow属性，全部设置成1后并没有出现距离等分的效果。lex-grow重点在lex-grow重点说明落在剩余这两个字上，父元素剩余的空间

.net

自适应

转载 2019-10-10 23:29:30 153 阅读

span做成按钮时，文字不被选中样式

今天用span做成按钮，但是每次双击都会选中span内容，很不和谐。怎么办呢？添加下面样式即可，亲测ie和谷歌浏览器没问题：.button { display: inline-block; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select

谷歌浏览器

原创 2019-10-10 18:44:19 133 阅读

span里面没有内容，还想让它占一定空间怎么办？

今天做画面时想在span下放置个背景图片，但是因为span里

ico

占用空间

背景图片

原创 2019-10-10 16:59:00 61 阅读

CSS里的颜色简写（3位字母和6位字母）

color:#ccc和color:#cccccc它俩是一样的色值。那为什么会有两种写法呢？原来3位是6位的简写。但并不是每一个6位代码都可以简写，必须符合一定格式的。比如：#123(#112233);#1D2(#11DD22);...

系统

原创 2019-10-07 21:47:03 119 阅读

RGB颜色值与十六进制颜色码转换

RGB颜色值"rgb(238 , 221 , 204)"与十六进制颜色码"#EEDDCC"转换RGB颜色值是十进制的，

RGB颜色值与十六进制颜色码转换

十六进制

颜色值

十进制

原创 2019-10-07 21:35:51 172 阅读

CSS3中使用rgba来调节透明度

css3可以用opacity设置透明度，但是这个透明度设置后不仅字体颜色，背景色的透明度都变了。有没有办法只让字体颜色的透明度改变呢？RGBA：此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。例：color:rgb(255, 0, 0,0.3)...

CSS3中使用rgba来调节透明度

字体颜色

背景色

ci

原创 2019-10-07 21:19:04 88 阅读

chrome设置font-size小于12px失效问题

chrome 中默认中文字体最小为 12px，可在chrome://settings/fonts中修改要设置字体小于 12px，以 10px 为例：scale(num)，

chrome

中文字体

原创 2019-10-07 16:59:29 102 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx584411d751930的博客