只展示在项目的初级用法,最常用的东西 1 嵌套 选择器的嵌套,属性的嵌套等 //css div h1 { color : red; } //sass div { hi { color:red; } } .box { width: 666px; .content { font-size: 66px; ...
分类:
其他好文 时间:
2020-06-02 18:47:41
阅读次数:
86
1, src\third_party\WebKit\Source\core\dom\events\Event.h: bool isTrusted() const { return is_trusted_; } void SetTrusted(bool value) { is_trusted_ = v ...
分类:
其他好文 时间:
2020-06-02 13:36:15
阅读次数:
197
前几天在做项目的过程中,关于字体小于12px时,很难做到完全居中显示,表示有点抓狂,各种百度找到一个貌似还不错的方法,总结出来分享给你和我。 在PC端的Chrome浏览器中,小于12像素的字体仍然以12像素显示,即使是设置了-webkit-text-size-adjust: none;也好像没什么作 ...
分类:
其他好文 时间:
2020-06-02 13:34:28
阅读次数:
51
使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集的CSS高级技巧,希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? 1 img.desaturate { 2 filter: grayscale(100%); 3 -webkit-filter: g ...
分类:
Web程序 时间:
2020-06-02 13:21:02
阅读次数:
76
.cont { width: 200px; height: 200px; border: 1px solid #000000; overflow-x: hidden; } .cont::-webkit-scrollbar { display: none; } ...
分类:
Web程序 时间:
2020-06-02 11:33:31
阅读次数:
57
1. 页面出现滚动条 ———— ::-webkit-scrollbar {display: none;} 2. 处理火狐浏览器form表单回显时出现蓝色或者黄色的背景色,三种方法如下: 这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后 ...
分类:
其他好文 时间:
2020-06-02 09:17:21
阅读次数:
80
简介 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 兼容性 IE10+、Chrom21+、Firefox22+、Safari6.1+ 基本概念 //任何一个容器都可以指定为 Flex 布局。 // 注意:Webkit 内核的浏览器,必须加上-we ...
分类:
其他好文 时间:
2020-06-01 21:05:39
阅读次数:
82
弹性盒子基础 弹性盒子(Flexible Box)是css3中盒子模型的弹性布局,在传统的布局方式上增加了很多灵活性。 定义一个弹性盒子 在父盒子上定义display属性: #box{ display: -webkit-flex; //webkit内核浏览器的兼容设置,下同 display: fle ...
分类:
Web程序 时间:
2020-06-01 00:26:13
阅读次数:
92
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前,通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前,通用属性在最后。 animation定义动画的属性值。 @keyframes规则内指定一个 ...
分类:
其他好文 时间:
2020-05-31 16:30:10
阅读次数:
53
多行文本溢出,但是最后一行木有到结尾,如下图这种例子 解决代码示例html: <div class="model_content"> <p class="model_text"> 元素的“格式化首行”可能会存在于相同流下的块级子元素上元素的“格式化首行”可能会存在于相同流下的块级子元素上。元素的“格 ...
分类:
其他好文 时间:
2020-05-30 15:57:54
阅读次数:
54