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技巧
一个很实用的
css技巧
简析
我是小雨小雨,专注于更新有趣、实用内容的小伙,如果内容对大家有一点帮助,那么就请动动手指,给个关注、点赞支持一下吧。^-^序言前两天接到一个需求,其中包括一个有序的列表,我们今天就来看看这个有序怎么做更方便、简单。当然,这个功能很简单:可以手动写死...可以循环插入dom,用索引做前缀。原生循环或者利用框架的循环也可以用三行搓手手(css)自动计数今天主要说说如何用css来计数原理与介绍原理很简单
小雨小雨丶
·
2020-02-29 12:00
一些css常用的
css技巧
移动端1px实现的方法.border-1px{position:relative;}.border-1px:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#666;display:block;z-index:15;-webki
记忆的伤痕
·
2020-02-27 11:33
常用
css技巧
#1、清除浮动浮动给我们的代码带来的麻烦,想必不需要多说,我们会用很多方式来避免这种麻烦,其中我觉得最方便也是兼容性最好的一种是…./清除浮动.clearfix{zoom:1;}.clearfix:after{display:block;content:'';clear:both;}2、垂直居中在css的世界里水平居中比垂直居中来的简单一些,经过了多年的演化,依然没有好的方式来让元素垂直居中(各种
qqqc
·
2020-02-20 14:01
《响应式Web设计:HTML5和CSS3实战(第2版)》05章 - 学习笔记
响应式Web设计:HTML5和CSS3实战(第2版)第五章CSS3新特性5.1CSS能实现什么要心里有数5.2CSS规则5.3
CSS技巧
CSS响应式多列布局例子:column-width:12em;固定列数
Revontulet
·
2020-02-14 16:41
CSS水平居中的7种实现方式
前言前端开发中元素居中是最常见和最经常使用到的
css技巧
,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍水平居中的方法。希望对你我都有帮组。
蛙哇
·
2020-02-07 02:45
web前端经验分享
CSS技巧
解决css样式污染方案命名约定BEM命名规范.div-query{}/*块(block)*/.div-query__button/*元素(element)*/.div-query--valid
语法糖
·
2020-01-17 20:56
前端
javascript
css
Web_7 电商站首页布局
1效果演示电商首页效果.gif2
CSS技巧
【1】通用CSS样式编写html之前可以先规范好通用的CSS样式,比如网页的整体布局居中,可以使用container包裹器包裹,设定container的max-width
kerooooo
·
2020-01-17 17:43
最全的CSS浏览器兼容问题
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.
CSS
单纯的土豆
·
2020-01-07 14:15
阅读源
马克思的备忘录英文GitHubfacebookresearchDetectron技术strchr.com各种string的算法(查找,对比)PerfectionKillsJavascript/HTML/
CSS
李书文
·
2019-12-19 12:04
前段书籍
《无懈可击的Web设计》——讲CSS应用技巧的书,国内外粉丝别多,说是开创了
CSS技巧
流派也不为过。
葛高召
·
2019-12-19 06:16
CSS垂直居中的10种实现姿势
前言前端开发中元素居中是最常见和最经常使用到的
css技巧
,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍10种垂直居中的方法。希望对你我都有帮组。
蛙哇
·
2019-12-12 01:12
css
CSS水平居中的7种实现方式
前言前端开发中元素居中是最常见和最经常使用到的
css技巧
,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题。本文主要介绍水平居中的方法。希望对你我都有帮组。
蛙哇
·
2019-12-12 01:39
css
三个
CSS技巧
你应该知道
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3CWeb标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS功能。在CSS中用attr()显示HTML属性值attr()功能早在CSS2.1标准中就已经出现,但现在才开始普遍流行。它
·
2019-11-14 21:38
简单的
css技巧
的记录
昨天做了一个静态页面,俨然发现基本上所有的css已经快要忘光了,简单的记录一下用到的简单css。使文字右对齐,text-align:right在一个div中包含2个div,分别是左div,float:left,右div,float:right。若想让这两个div能够在左右撑开,要在外层的div中加上属性,overflow:hidden。(其实还不清楚为什么这样就可以使其撑开,按说左右的div是悬浮
艾石溪
·
2019-11-08 15:26
众妙之门网站UI设计之道pdf电子书
内容跨度很广,都是很实用的知识,菜鸟和老手都能找到适合自己的干货,符合SmashingMagazine的风格,值得一看~刚拿到书有点失望,很多前面一些
css技巧
和版式设计的东西早都会了。
冷曼青菱
·
2019-11-01 14:03
你应该知道的简单易用的
CSS技巧
作为前端,在工作中难免会遇到关于排版的问题,以下是我整理的一些关于CSS的技巧,希望对你能有帮助。1、每个单词的首字母大写一般我们会用JS实现,其实CSS就可以实现。JS代码:varstr='helloworld';str.replace(/(|^)[a-z]/g,(L)=>L.toUpperCase()HeoolWorldcss实现:text-transform:capitalize;(文本中每
半生烟火一世迷离
·
2019-10-09 20:00
CSS-day8
写一个试试举例说明你知道的
css技巧
有哪些?判断第一行和第二行的颜色分别是什么?并解释为什么?[代码].red{co
Lwangqi
·
2019-10-03 17:35
CSS
前端面试每日 3+1 —— 第161天
[css]举例说明你知道的
css技巧
有哪些?[js]说说你对执行上下文的理解[软技能]你知道时间四象限吗?说说你对它的理解《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。
浪子神剑
·
2019-09-27 12:49
前端
html5
html
css
javascript
好用的 UI 调试技巧
其实我们可以使用一个
CSS技巧
给所有元素加上outline,这样就能迅速了解自己所需的元素位置信息,无须再选择元素查看了。
潇潇-lucky
·
2019-09-25 17:00
css3进阶之less实现星空动画的示例代码
实现星空动画的示例代码,分享给大家,具体如下:效果动图如下:预览链接和代码在我的codepen:https://codepen.io/lio-mengxiang/pen/YzKrEde知识点预览这篇文章的less技巧+
css
lio-mengxiang
·
2019-09-10 15:55
CSS技巧
积累
积累的一些
css技巧
1.彩色图片显示为黑白图片。
w狼子
·
2019-09-09 15:09
CSS
使用简单的HTML,CSS和Javascript创建一个漂亮的悬停触发的可扩展侧边栏
我们将逐步完成本教程,并且在此过程中我还将介绍一些值得注意的HTML/
CSS技巧
。
开心人开发世界
·
2019-08-01 00:14
提高幸福感的 9 个 CSS 技巧
本文修改自公众号小生方勤的文章9个
CSS技巧
特此声明,这里说的CSS并不止包含CSS,也包含CSS预处理器(LessSass等),愿各位看官不要纠结于此。正文现在开始。
Nanayai
·
2019-07-15 10:23
【书屋】CSS揭秘
介绍本书是一本注重实践的教程,作者为我们揭示了47个鲜为人知的
CSS技巧
,主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。
小黑莓
·
2019-07-10 13:25
电子书
前端开发中的
css技巧
1:如何让长度不一的文字两端对齐刚开始的时候如下而需要改变为这种html代码抒写如下:发件人:Siyu收件人:Siyu抄送人:Siyucss:.mailDetailSent>span{width:0.6rem;text-align:justify;}.mailDetailSent>spani{display:inline-block;width:100%;}利用到了text-align的justi
晚风拂轻舟
·
2019-06-29 10:12
如何使用Bootstrap制作网站--入门篇
两个子文件夹新创建一个html,然后把下面这几句放到head里面上手尝试我们先在在body里面包含一个container的div,并且创建一个新的行,在行下面包含一个子元素--列clearfix是一种
CSS
GeorgiaLin
·
2019-05-18 18:06
css 揭秘-读书笔记
css揭秘[希]Leaverou著css魔法译该书涵盖7大主题,47个
css技巧
,是css进阶必备书籍,开阔思路,探寻更优雅的解决方案。
weixin_30877493
·
2019-05-03 17:00
人工智能
数据库
css 揭秘-读书笔记
css揭秘[希]Leaverou著css魔法译该书涵盖7大主题,47个
css技巧
,是css进阶必备书籍,开阔思路,探寻更优雅的解决方案。
ESnail
·
2019-05-03 17:00
20个为前端开发者准备的文档和指南
2.TheHTML&CSS(HTML和
CSS技巧
手册)一个很好的HTML/CSS的样式指南,可以帮助开发者编写“耐用,持久”的代码,它是受NASA的技巧标准项目启发而编制的
前端摆渡人
·
2019-04-30 21:01
IT
前端
程序员
JavaScript
编程
前端程序员进阶到大神必备的7本前端书籍
该书通过对
CSS技巧
实例进行讲解,浅入深地分析了CSS相关知识。通过页面中的文字、图片、表格、表单等常见元素的处
前端工程师申胥
·
2019-04-18 22:29
web前端
章节八、3-如何用Chrome开发者工具查看元素
1、打开开发者选项,然后按“ctrl+f”,会出现一个输入框在输入框中输入需要查找的元素2、在输入框中输入//input[@id='name']后自动匹配查找到的元素并高亮显示二、获取默认xpath或
CSS
时光以北暮南城
·
2019-04-08 16:00
CSS技巧
:清除浮动的方法
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。清除浮动方法方法一:使用带clear属性的空元素在浮动元素后使用
kismetajun
·
2018-07-17 15:21
CSS技巧
:清除浮动的方法
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。清除浮动方法方法一:使用带clear属性的空元素在浮动元素后使用
kismetajun
·
2018-07-17 15:21
css技巧
技巧一多行文本水平垂直居中,少于一行文本居中,多余一行文本居左(试用于对话提示框)我要居中,我要居中.box{display:table;margin:0auto;width:400px;height:300px;background-color:gray;}.center{display:table-cell;vertical-align:middle;text-align:center;}.c
yu580
·
2018-06-03 22:41
几个
CSS技巧
的分享
创建剪切动画对于剪切动画,使用clip-path代替width/height,避免DOM重排导致性能过低。.animate{width:200px;height:200px;background:#000;animation:1sclip;}@keyframesclip{0%{clip-path:inset(0000);}100%{clip-path:inset(0100%100%0);}}cli
Kayano
·
2018-05-22 00:00
css
几个经典的
css技巧
转载地址使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时,使用line-height即可(高度与父层容器一致)。清除容器浮动#main{overflow:hidden;}期前也提到过这样的问题。不让链接折行a{white-space:nowrap;}上面的设定就能避免链接折行,不过个人建议长链接会有相应的这行(有关换行方面的讨论,参看圆心
A__QAQ
·
2018-04-19 13:06
html+css
css技巧
总结
单行文本溢出.inaline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}多行文本溢出,合适WebKit浏览器或移动端(绝大部分是WebKit内核的)浏览器。.intwoline{display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;word
AlisaMfz
·
2018-04-13 16:59
CSS技巧
二
1.使用:not()选择器来决定表单是否显示边框//习惯写法:.navli{border-right:1pxsolid#666;}.navli:last-child{border-right:none;}//上面写法不好,可以这么简写(注意::not不兼容ie8).navli:not(:last-child){border-right:1pxsolid#666;}2.为body的文本元素添加行高/
tiandashu
·
2018-04-09 15:40
《CSS揭秘》读后感
在读引言时,我便被书中的内容震撼到了,它讲述的
css技巧
给了我很大的启发,讲解结合代码样例通俗易懂,而且非常实用。作者着重强调了DRY(Don’tRepeatYourself)的编程理念,并且
DPJune
·
2018-03-31 22:32
前端工程
WEB前端开发工程师必备实用的50个
CSS技巧
这里我工作中收集了10个很不错的
CSS技巧
,你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容,希望你会喜欢它。
web前端03
·
2018-03-28 19:32
「干货」从菜鸟到大神,前端学习书籍推荐
该书通过对
CSS技巧
实例进行讲解,浅入深地分析了CSS相关知识。通过页面中的文字、图片、表格、表单等
祈澈菇凉
·
2018-03-02 12:00
前端设计师必须知道的10个重要的
CSS技巧
今天分享10个对于前端设计师来说重要的
CSS技巧
,这也是我在给许多客户做网站的过程当中总结出来的。1、绝对定位在绝大过程中,想确定一个元素在网站当中的固定位置,绝对定位是实现这个方式的解决办法。
尹公子
·
2018-01-25 14:00
css技巧
前端css
css技巧
(常用)
1、zoom属性设置作用是设置或者检索对象的缩放比例;例:Zoom:1;大小为默认(normal);Zoom:2;大小为默认的两倍;2、font属性:(font-family,font-style,font-variant,font-weight,font-size,font)font:bold36px/48pxArial,Helvetica,sans-serif;表示font-size为36px
Katherine__Chen
·
2018-01-16 14:42
常用
css技巧
1.黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}2.使用:not()在菜单上应用/
我家老公萌萌哒
·
2018-01-05 14:36
CSS技巧
(一)——before、after实现带三角边框
概述Fromnowon,写一些CSS的书写技巧,本文是第一讲。效果右左上下实现代码.cssTest-right,.cssTest-left,.cssTest-top,.cssTest-bottom{float:left;width:200px;height:200px;border:2pxsolidred;position:relative;left:20px;top:20px;margin-le
lzugis
·
2017-12-08 14:41
css技巧
与积累-相信会让你有收获的!
本文是本人在工作期间,总结到的对css的一些积累,或者是经验,希望能够帮助到读者,求个赞~~~2018-05-17更新补充82017-12-20更新151.还在为盒子宽度增加margin或者padding而烦恼吗,赶紧把盒子设置为IE盒子模型吧,以前w3c还认为他们的盒子模型比IE好,历史证明IE终于硬了一把了~,让你远离烦恼*,*:before,*:after{-webkit-box-sizin
我就是z
·
2017-12-06 23:28
css技巧
与积累-相信会让你有收获的!
本文是本人在工作期间,总结到的对css的一些积累,或者是经验,希望能够帮助到读者,求个赞~~~2018-05-17更新补充82017-12-20更新151.还在为盒子宽度增加margin或者padding而烦恼吗,赶紧把盒子设置为IE盒子模型吧,以前w3c还认为他们的盒子模型比IE好,历史证明IE终于硬了一把了~,让你远离烦恼*,*:before,*:after{-webkit-box-sizin
我就是z
·
2017-12-06 23:28
CSS进阶:提高你前端水平的 4 个技巧
了解些前端知识,成为全栈攻城师,快速的产出原型,展示你的创意,对程序员,尤其是在创业的程序员来说,越来越重要,下面我们就跟随著名国外开发者网站上的热推文章《LevelingupinCSS》,从提升你的
CSS
王钰峰
·
2017-11-14 16:33
如何让图片按比例响应式缩放、并自动裁剪的
css技巧
原文:http://blog.csdn.net/oulihong123/article/details/54601030响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放但是如果要达到的效果是,要让图片的宽高要按一定的比例显示,如1:1、4:3等,然而图片尺寸不是这个比例,又不想让图
雷明nice
·
2017-09-28 15:00
你不知道的CSS(三)
相信这些技巧会为大家在项目实践中带来一定的帮助,本文作为《你不知道的CSS》系列的第三篇文章,将继续在
CSS技巧
方面进行探讨,不同于前两篇的是,本文将着重介绍CSS中伪类和伪元素在项目中的应用场景。
Smohan
·
2017-09-16 00:00
css
sass
伪类
伪元素
上一页
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
其他