乐胖代购免代理版

(转)CSS3之pointer-events(屏蔽鼠标事件)属性说明

我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素

鼠标事件

html

android

chrome

绝对定位

原创 2021-08-01 19:57:49 486 阅读

4月4悼念日多数app 或者网站变成灰色的实现效果

代码很简单. 就是一个 css3的过滤器属性即可实现直接上代码: 特别提醒, 如果 bo

滤镜

css3

css

默认值

safari

原创 2021-08-01 19:32:48 941 阅读

css3属性flex弹性布局设置三列(四列)分布样式

参考：阮一峰的网络日志效果图：

html

css

网络日志

原创 2021-07-30 15:55:30 1389 阅读

CSS3 flex 布局图片撑大父级元素被放大解决办法

记录自己遇到的坑项目：指 flex 布局的子元素当在flex布局情况下，当内容超过项目大小时，项目会被内容撑开，这种情况下，容易导致页面布局错乱。解决办法：给项目设定一个固定1个像素大小的宽带或者高度（取决与flex-direction的方向，横轴设定width，纵轴设定height），

页面布局

原创 2021-07-30 15:52:02 2965 阅读

CSS3的新属性的一下总结

由于自己经常搞混：animation，transition，transform这三个属性，今天就总结一下首先是：transform:和css3一些

css

html

css3

2d

基本属性

原创 2021-07-30 15:34:35 124 阅读

min-height在安卓下不起作用

正常情况下，min-height可以当height使用如：效果是这样的。当子元素超过父元素的高后，父元素会自动加宽但是当父元素被 display：table后，min-height就会失效了，也就是不能当height使用了，注意：在安卓上失效，在ios上依然是正常的这里就不截图了。怎么解

ios

原创 2021-07-30 15:33:19 1053 阅读

css+html 关于文本的总结（整理中）

布局1：固定行数 -webkit-line-clamp 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -w

css

自动换行

半角

盒子模型

块元素

原创 2021-07-30 15:31:00 133 阅读

我的CSS命名规则

常见class关键词：布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, lef

ide

中划线

ico

字体图标

语言类

原创 2021-07-30 15:19:26 271 阅读

CSS初始化样式

为什么要初始化CSS？ CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。

css

初始化

h5

html

官网

原创 2021-07-30 15:19:16 1155 阅读

css去掉iPhone、iPad默认按钮样式

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~ input[type="button"], input[type="submit"], input[

文本框

缩放

拖拽

表单

圆角

转载 2021-07-30 15:07:31 496 阅读

文字换行

一般的元素都有设置自动换行的自动换行：word-wrap: break-word;word-break: normal; 强制不换行：white-space:nowrap;CSS设置不转行:overflow:hidden 隐藏white-space：normal 默认 //***pre 换行和...

自动换行

css

原创 2021-07-30 15:02:29 808 阅读

我总是记不住的那几个代码

图片和文字对齐设置各对象的vertical-align属性，属性说明： baseline－将支持valign特性的对象的内容与基线对齐 sub－垂直对齐文本的下标 super－垂直对齐文本的上标 top－将支持valign特性的对象的内容与对象顶端对齐 text-top－将支持valign特性的对

iphone

鼠标事件

基线

原创 2021-07-30 15:02:17 180 阅读

CSS对字体单位的总结

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的...

css

5e

选择器

css3

屏幕分辨率

原创 2021-07-30 14:59:47 312 阅读

图标字体的使用

图标字体的使用1. 什么是图标字体图标字体是字体文件，用符号和字形的轮廓代替标准的文字数字式字符。是专门为用户界面设计，就像系统字体一样，使用CSS@font-face在web浏览器里展示。使用图标字体来生成图标相对于基于图片的图标来说，有如下的好处：1.自由的变化大小2.自由的修改颜色3.添加阴影...

ico

图标字体

ios

字体图标

chrome

原创 2021-07-30 14:55:07 557 阅读

css3学习总结3--CSS3图像边框

border-image属性.className{ border-image:url(/course/54d1cae088dba03f2cd1fec1/img/border.png) 20 20 20 20 / 20px; -webkit-border-image:url(/course/54d...

边距

图像分割

css3

文件路径

属性值

原创 2021-07-30 14:53:19 166 阅读

css3学习总结6--CSS3字体

使用自己需要的字体在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例　使用粗体字体您必须为粗体文本添加另一个包含描述...

sed

描述符

ico

html

原创 2021-07-30 14:53:01 196 阅读

css3学习总结4--CSS3背景

css3背景1. background-size2. background-origin3. background-clip示例：className{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 ...

背景图片

css3

背景图

safari

css

原创 2021-07-30 14:52:26 201 阅读

css3学习总结7--CSS3 2D转换

CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。2D 转换在本次，您将学到如下 2D 转换方法：1. translate()2. rotate()3. scale()4. skew()5. matrix()　translate() 方法通过 translate()...

2d

safari

chrome

缩放

firefox

原创 2021-07-30 14:52:07 170 阅读

css3学习总结8--CSS3 3D转换

3D 转换1. rotateX()2. rotateY()otateX() 方法通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。示例：div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* S...

3d

chrome

safari

firefox

嵌套

原创 2021-07-30 14:51:45 157 阅读

CSS-Transform-transition-Animation

Transform根据我的理解，transform和width、height、background一样，都是dom的属性，不同的是它是css3旗下的，比较屌，能够对原来的dom元素进行移动、缩放、转动、拉长或拉伸，跟canvas上的某些api神似，这么说来transform好像能干些js才能干的事。...

css

过渡效果

css3

3d

宽高

原创 2021-07-30 14:51:29 136 阅读

css3学习总结1--CSS3选择器

CSS3的属性选择器主要包括以下几种：1. E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；2. E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；3. E[attr*="value"]：指定了属性名，并且有属性值...

选择器

属性值

css3

背景色

属性选择器

原创 2021-07-30 14:49:18 127 阅读

字体图标学习

Font Awesome 是一套专门为Twitter Boostrap设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标，除了包括 Twitter Boostrap的默认图标外，还有社交网络图标、Web应用程序图标和编辑器图标等等，可以免费用于商业项目主要特色：✓ 一种字体，249个...

css

twitter

图标字体

bootstrap

商业

原创 2021-07-30 14:46:41 204 阅读

icon font字体图标字库汇总

最近在研究iconfont图标字库，找了一些比较好的在线字库。大都是开源的，而且各有特色！阿里icon font字库 http://www.iconfont.cn/ 这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。fontello http://f...

ico

字体图标

github

bootstrap

原创 2021-07-30 14:46:20 1023 阅读

css3学习总结5--CSS3文本效果

CSS3 文本效果1. text-shadow2. word-wraptext-shadow属性使用方法text-shadow属性使用方法如下所示。text-shadow:length length length color 其中，前面三个length分别指阴影离开文字的横方向距离、阴影离开文字的...

css3

示例代码

自动换行

chrome浏览器

firefox

原创 2021-07-30 14:45:15 146 阅读

css3学习总结9--CSS3过渡

CSS3 过渡通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ...

过渡效果

chrome

safari

firefox

css3

原创 2021-07-30 14:44:47 173 阅读

CSS鼠标cursor使用教程

使用方法  div { cursor: [某个值] } 鼠标样式：值描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default

鼠标指针

自定义

html标签

原创 2021-07-30 14:44:20 625 阅读

css实现隐藏滚动条

demo1： html css demo2 直接在css中用伪属性

css

html

原创 2021-07-30 14:30:43 511 阅读

CSS3 flex布局属性整理

flex 容器 CSS 设定 display:flex 或者设定 display:inline-flex 时，就将当前盒子设置成容器了，容器有 6 个属性属性说明 flex-direction 主轴的方向 flex-warp 排不下时的换行方式 flex-flow 是flex-direction

布局

默认值

取值

整型

两端对齐

原创 2021-07-30 14:11:26 121 阅读

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

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

51CTO博客

10614715

(转)CSS3之pointer-events(屏蔽鼠标事件)属性说明

4月4悼念日多数app 或者网站变成灰色的实现效果

css3属性flex弹性布局设置三列(四列)分布样式

CSS3 flex 布局图片撑大父级元素被放大解决办法

CSS3的新属性的一下总结

min-height在安卓下不起作用

css+html 关于文本的总结（整理中）

我的CSS命名规则

CSS初始化样式

css去掉iPhone、iPad默认按钮样式

文字换行

我总是记不住的那几个代码

CSS对字体单位的总结

图标字体的使用

css3学习总结3--CSS3图像边框

css3学习总结6--CSS3字体

css3学习总结4--CSS3背景

css3学习总结7--CSS3 2D转换

css3学习总结8--CSS3 3D转换

CSS-Transform-transition-Animation

css3学习总结1--CSS3选择器

字体图标学习

icon font字体图标字库汇总

css3学习总结5--CSS3文本效果

css3学习总结9--CSS3过渡

CSS鼠标cursor使用教程

css实现隐藏滚动条

CSS3 flex布局属性整理

欢迎