E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
CSS技巧
20个 CSS 快速提升技巧
作者:web秀http://www.javanx.cn/20190321/css-skill/本文涵盖了20个
css技巧
,可以解决许多工作中常见的问题。
winty~~
·
2020-08-02 20:31
html
css
javascript
js
html5
CSS实现loading小动画
其实通过一些简单的
css技巧
就可以实现啦!
Coder小何
·
2020-08-01 09:00
CSS世界
css
20个 CSS 快速提升技巧
作者:web秀http://www.javanx.cn/20190321/css-skill/本文涵盖了20个
css技巧
,可以解决许多工作中常见的问题。
JavaScript_w
·
2020-07-30 20:03
html
css
java
javascript
python
学习 HTML+CSS 的书籍推荐
1、《CSS那些事儿》本书专注于
CSS技巧
实例的讲解,由浅入深地分析了CSS样式在布局时所需要理解的原理。
weixin_34405925
·
2020-07-30 10:28
对于Web开发人员开发方便的CSS3技巧
例如多张背景图片如何实现,如何创建一个边框效果,raga兼容IE的问题都是我们需要考虑的,有那样一些代码是在遇到这些问题时候我们可以用到的,经验丰富的CSS程序员通常都知道这一点这一次,之前给大家分享了一些实用
CSS
weixin_33828101
·
2020-07-30 10:07
html中如何让图片按比例响应式缩放、并自动裁剪的
css技巧
响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放。但是如果要达到的效果是,要让图片的宽高要按一定的比例显示,如1:1、4:3等,然而图片尺寸不是这个比例,又不想让图片拉伸变形,自动裁剪掉两边多余部分、这该如何解决呢?首先,今天准备了四张宽高各不相同的素材,如下图所示:先展示一下最终
消逝的风i
·
2020-07-29 21:00
html中如何让图片按比例响应式缩放、并自动裁剪的
css技巧
响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放。但是如果要达到的效果是,要让图片的宽高要按一定的比例显示,如1:1、4:3等,然而图片尺寸不是这个比例,又不想让图片拉伸变形,自动裁剪掉两边多余部分、这该如何解决呢?首先,今天准备了四张宽高各不相同的素材,如下图所示:先展示一下最终
消逝的风i
·
2020-07-29 21:00
20 个常用的 CSS 技巧
20个常用的
CSS技巧
2018-01-02JavaScript1.黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?
别忘了缩进
·
2020-07-29 10:27
CSS
使用CSS替代JS实现几种常见的特效
你可以用js控制,但是用一点
CSS技巧
就可以达到这个目的,不需要使用JS。
ChrisYoung1314
·
2020-07-15 20:00
css
CSS技巧
收集——毛玻璃效果
毛玻璃的模糊效果技术使用css的filter中的blur属性。即:filter:blur(20px)线上demo:https://my.weblf.cn/alone_page/pages/filter_blur.html代码:css毛玻璃效果三体(节选)随着一切都尘埃落定,人们的注意力从宇宙广播转移到对威慑纪元结束至今的整体事件的回顾和反思上来。对执剑人的指责和声讨开始铺天盖地地出现,如果在事变之
帆酱
·
2020-07-15 06:46
css
巧用css美化select下拉列表 更换下拉箭头
巧用css美化select下拉列表更换下拉箭头所属栏目:常用
CSS技巧
时间:2014-05-23来源:网络作者:不详点击:9912id="QIHOO_UNION_1444458779608"src="http
剑之风
·
2020-07-14 15:43
CSS
css技巧
之左边竖条的实现
单标签,左边竖条的实现,尽可能多的写出实现方式(只使用一个标签,不考虑浏览器的兼容性)对于一个单标签如何合计算上伪元素:before和:after的话,应该算是有三个标签的:那么对于下图的效果,单标签如何实现呢?1、使用border-left实现:.vertical_line{width:200px;height:60px;background-color:#ddd;border-left:5px
油菜花666
·
2020-07-13 12:59
HTML+CSS基础布局
拒绝JavaScript,这三个
CSS技巧
你一定用的上
本文介绍三个非常棒棒的
CSS技巧
,完全可以在你的项目中代替JavaScript,一起来看看这些技巧吧。
前端全栈开发者
·
2020-07-11 05:33
大前端技术
这些
css技巧
,你肯定不会全知道【建议收藏】
下面是总结的
css技巧
,建议大家收藏,以后用的时候就不用到处查资料了。当然这些也不是所有的,大家如果有什么好的css有趣样式技巧也可以发出来哦三角形最常见的一种形状了。切图,不存在的。
coder吹雪
·
2020-07-10 01:53
新手学习前端
转行学前端
前端
javascript
css
css3
html
Web开发
LeaVerou译者:CSS魔法CSS一姐LeaVerou作品,CSS魔法执笔翻译EricMeyer、JeremyKeith等前端大佬推荐《CSS揭秘》是一本注重实践的教程,作者为我们揭示了47个鲜为人知的
CSS
图灵教育
·
2020-07-09 23:41
CSS技巧
让你的网站更上一层楼
47个
CSS技巧
让你的网站更上一层楼CSS是网站的外衣,所谓人靠衣装,佛靠金装,CSS决定了你给用户的第一感觉。虽然一直在做网站的架构和后端开发,但是还是需要多揣点
CSS技巧
,以防万一。
iteye_1606
·
2020-07-09 17:02
神奇的
CSS技巧
探秘——CSS绘制条纹背景
一、横向条纹如下代码:background:linear-gradient(#fb320%,#58a80%)上面代码表示整个图片的上部分20%和下部分20%是对应的纯色,只有中间的部分是渐变色。如果让中间的部分逐渐缩小,当中间部分变为0即上下两种颜色的七点和终点相同是,就没有了渐变而变成了两种颜色的色条:background:linear-gradient(#fb350%,#58a50%);接下来
fareise
·
2020-07-09 15:29
css
前端开发常用技巧经验记录
CSS技巧
1.CSS3垂直居中http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120135156225265/2.CSS滤镜http://www.zhangxinxu.com/wordpress/2012/08/%E5%B0%8Ftip-%E4%BD%BF%E7%94%A8css%E5%B0%86%E5%9B%BE%E7%89%87%E8%
a0d560da7818
·
2020-07-07 18:00
50个
CSS技巧
这里我工作中收集了10个很不错的
CSS技巧
,你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容,希望你会喜欢它。
huyuehuyuehu
·
2020-07-07 10:39
css
CSS技巧
:清理无用的CSS样式
我们在编写CSS样式的时候,往往或遭遇CSS样式的修改或者界面设计的变更,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗,也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢?今天就让我们来了解一下几个比较有用的工具。一、Dust-MeselectorsD
乐哉乐哉
·
2020-07-06 20:02
网页加载技巧
2周时间掌握47个
CSS技巧
两周前入手了《CSS揭秘》两周时间收益匪浅,学习了很多
CSS技巧
,感觉打开了新世界的大门,在看到一半的时候感觉还是自己实现一边印象比较深刻。
流光号船长
·
2020-07-05 17:55
HTML和
CSS技巧
点滴
1.禁止鼠标双击选中文本不被双击选中文字的区域2.自定义li样式li:{list-style:none;}li:before{content:"◆";display:block;float:left;font-size:1em;margin-right:0.5em;}效果如图:3.IE条件注释加载CSS2加载CSS1(可以把要重写的写在这里).4.图片base64表示法编写插件需要使用图片资源又不
blurooo
·
2020-07-05 03:00
CSS笔记:一位新手朋友整理的
CSS技巧
与常识
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因,这才知晓。宽高1px的图片平铺出一个宽高200px的区域,需要200*200=40,000次,占用资源。2、无边框。推荐的写法是border:none;,哈哈,我一直在用这个。border:0;只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。3、慎用*通配符。所谓通配符,就是将CSS中的所有标签均初始化,不管
hbqjzx
·
2020-07-04 17:19
CSS
这些
css技巧
,你肯定不会全知道【建议收藏】
下面是总结的
css技巧
,建议大家收藏,以后用的时候就不用到处查资料了。当然这些也不是所有的,大家如果有什么好的css有趣样式技巧也可以发出来哦三角形最常见的一种形状了。切图,不存在的。
coder吹雪
·
2020-07-03 13:00
这些
css技巧
,你肯定不会全知道【建议收藏】
下面是总结的
css技巧
,建议大家收藏,以后用的时候就不用到处查资料了。当然这些也不是所有的,大家如果有什么好的css有趣样式技巧也可以发出来哦三角形最常见的一种形状了。切图,不存在的。
前端-发际线还在
·
2020-07-03 13:00
html段落开头空两格---
css技巧
text-indent
你的文章内容!实例:第一段第二段.contextp{text-align:justify;text-justify:inter-ideograph;text-indent:2em;}其中text-align:justify;text-justify:inter-ideograph;设置文字两端对齐,text-indent:2em;设置文字首行缩进取消首行缩进
青菜馒头
·
2020-07-02 09:43
html5
css运用
纯CSS实现点击按钮切换菜单显示与隐藏
本篇博客的
css技巧
用到了以下几个关键知识点与开源项目:label标签的for属性可以定位到指定的input元素CSS的+选择器与~选择器的使用FontAwesome4.7.0版本具体代码可访问:我的git
Kyoku骏
·
2020-07-01 10:44
学习笔记
CSS
你不知道的
css技巧
css黑科技currentColor当前颜色返回.icon{display:inline-block;width:16px;height:20px;background-image:url(http:jartto.wang/test.png);background-color:currentColor;/*该颜色控制图标的颜色*/background-position:00;}.link:hove
weixin_34206899
·
2020-06-28 13:57
CSS技巧
- 收藏集 - 掘金
CSS样式画各种图形-前端-掘金下面是一些我在CSS中经常用到的图案,还有一些是在css-tricks看到的。记录一下,以后会用到。会持续更新…一、常用三角形上三角#tria...揭秘jQuery-前端-掘金jQuery源码分析前言有时候我在想jQuery为什么可以直接$操作,可以拥有比原生js更便利的DOM操作,而且只要你想就可以直接链式操作下去核心框架揭开一万多行代码的jQuery核心代码:(
weixin_34191734
·
2020-06-28 13:25
「干货」从菜鸟到大神,前端学习书籍推荐
该书通过对
CSS技巧
实例进行讲解,浅入深地分析了CSS相关知识。通过页面中的文字、图片、表格、表单等常见元素的处
weixin_30721077
·
2020-06-27 23:00
前端工程师之页面架构
本文主要包括CSSReset的意义以及如何正确设置,常见布局的解决方案,响应式布局,页面优化的意义及常见方法,如何规范和模块化的编码;@(
CSS技巧
)[网易云课堂,页面架构]页面架构CSSReset原因
zhangwang
·
2020-06-26 04:28
常用的
css技巧
样式
下面总结了一些常用又有趣的
css技巧
,希望大家收藏,以减少查资料的时间。三角形最常见的一种形状了。切图,不存在的。
CSS大魔法师
·
2020-06-25 15:49
能用HTML/CSS解决的问题就不要使用JS
你可以用js控制,但是用一点
CSS技巧
就可以达到这个目的,不需要使用JS。在正常态时,每个导航的默认样式为:navli{opacity:0.5;}
前端摆渡人
·
2020-06-24 21:31
编程
程序员
IT
JavaScript
前端
程序员
编程科技
web前端
资讯
IT
如何让图片按比例响应式缩放、并自动裁剪的
css技巧
如何让图片按比例响应式缩放、并自动裁剪的
css技巧
同时也适用于一些轮播父容器响应式缩放响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为
onlyhom
·
2020-06-24 18:44
css3
小技巧
黑魔法
CSS技巧
篇(三):background-position和雪碧图(CSS Sprites)用法
目录:background-position属性background-position属性的定义background-position的属性值background-position的属性值分析雪碧图background-position属性在雪碧图中的用法为什么使用雪碧图时background-position属性值为负数background-position属性使用频率非常高,大量的网站为了减少
madman0621
·
2020-06-24 13:46
CSS
无敌的好用css ie兼容大全
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.
CSS
心淡然如水
·
2020-06-23 14:53
HTML和CSS高级指南整理(01) 一 性能与架构
本节主要内容HTML减小&压缩文件缓存通用文件
CSS技巧
&结构高性能选择器可重用代码减少http请求内容概览会书写html和css,且对他们有深刻的理解,是非常难得的。
芦苇_Dobbin
·
2020-06-23 07:25
HTML5
CSS3
html
css
前端性能优化
前端架构
常用
CSS技巧
(长期更新)
1、图像黑白处理支持Chrome18.0、Firefox35、Safari6.0、oprea15.0以上版本以及IE6-9版本img.desaturate{filter:grayscale(100%);/*TODO对Firefox早期版本提供兼容支持,用户量少,可考虑删除此段代码*/filter:url('url("data:image/svg+xml;utf8,#grayscale");');/
Tinyed
·
2020-06-22 15:17
你不知道的CSS(一)
当然,这篇文章不是为了介绍这个项目,而是整理了一些实用的
CSS技巧
,来解决我们在实际项目开发中遇到的的问题。文章也会长期
风神修罗使
·
2020-06-22 08:35
HTML5+CSS
CSS3
小白的
CSS技巧
小白的
CSS技巧
文章目录小白的
CSS技巧
前言valid和invalid校验表单selection改变文本选择颜色caret-color改变光标颜色scrollbar改变滚动条样式writing-mode
小灵吖
·
2020-05-23 16:26
WEB
css
css3
css常见技巧
[阮一峰老师的
css技巧
]css提示框(http://www.ruanyifeng.com/blog/2010/03/css_cookbook.html)Paste_Image.png1.CSSSprite
_Josh
·
2020-04-11 09:23
前端知识链接大全
//juejin.im/post/57dc97f35bbb50005e5b39bdcall参数第一个参数是对象,第二个是参数apply第一个参数是对象,第二个参数是个类数组(有了...基本不用了)2.
css
我回地球了
·
2020-04-10 17:08
使用函数封装组件-Tab组件
Tab组件的html和
css技巧
html技巧-分成菜单和面板两个部分1.png/*放在同一个节点里,方便优化元素选择*//*菜单*/FirstSecondThird/*面板*/FirstSecondThird
css
能吃饭也能吃苦1236
·
2020-04-07 23:43
前端必看的8个HTML+
CSS技巧
这篇文章主要是给在学习前端的童鞋分享一些新的
CSS技巧
,一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们,重新燃起对前端排版和特效的热爱和热情!
三钻
·
2020-04-06 21:05
《前端星球》
拒绝JavaScript,这三个
CSS技巧
你一定用的上
本文介绍三个非常棒棒的
CSS技巧
,完全可以在你的项目中代替JavaScript,一起来看看这些技巧吧。
杜尼卜
·
2020-04-06 18:34
前端
css
javascript
WEB前端开发想要月薪2W吗?先掌握这些技能
所谓成功是没有捷径的,但是成功是有技巧的,这里面的技巧,就取决于你的专业度,程序员与程序员之间的薪资待遇,就在于你掌握技术的程度,今天小编分享7个
CSS技巧
,想拿高薪,一定要掌握今天分享的重点哦~这里还是要推荐下我自己建的前端学习群
DarkSpy13
·
2020-04-06 03:39
CSS垂直居中的10种实现姿势
前言前端开发中元素居中是最常见和最经常使用到的
css技巧
,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍10种垂直居中的方法。希望对你我都有帮组。
蛙哇
·
2020-03-26 23:08
CSS技巧
:使用REM减少代码冗余之button
在写CSS的过程中,尽量减少代码的重复,对于代码阅读和维护的好处是显而易见的。在修改代码时,需要改动的变量越少,意味着可能出错的地方就越少,花费时间也越少。在开始写一个页面的CSS时,尝试去思考如何从更简约的角度去定义一些root型的CSS规范,减少代码冗余,提升质量。比例优化以下是一个案例,为按钮添加一些CSS效果:.button1{padding:0.375rem1rem;border:1px
饥人谷_Grey高
·
2020-03-25 22:50
「干货」从菜鸟到大神,前端学习书籍推荐
该书通过对
CSS技巧
实例进行讲解,浅入深地分析了CSS相关知识。通过页面中的文字、图片、表格、表单等
祈澈菇凉
·
2020-03-24 03:18
CSS技巧
之Flex布局学习笔记
【学习教材】阮一峰Flex布局教程(语法篇、实例篇)语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html实例篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html【Flex属性速查】1.定义:容器:display:flex;行内元素:display:inline-fl
shawnJ
·
2020-03-02 07:34
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他