51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
文章频道
前端
css3
Javascript
html
Html5
Css
vue
网站优化
正则表达式
React
后端
C语言
C++
Java
.Net
PHP
Python
gis
Go语言
数据库
nosql
其他
Redis
sql
Mysql
Oracle
sqlserver
mongodb
移动
Flutter
Android
IOS
微信
微信小程序
支付宝小程序
快应用
开源
hadoop
资讯
经验
其他
工具
互联网络
代码编辑器
报表/图表
其他
算法
操作系统
linux
unix
windows
centos
mac
游戏开发
架构
微服务
网站架构
分布式系统
系统架构
软件工程
敏捷开发
软件工程
Css
详细分析css float 属性以及position:absolute 的区别
1.float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在CSS中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。div一个典型的块级元素,会单独占据一行。先看看最基本的块级元素如何排列的。html代码,以下样式都是基于此。<divclass="box...
IT猿
·
2020-03-28
详细
分析
css
float
属性
讨论CSS中的各类居中方式
今天主要谈一谈CSS中的各种居中的办法。 首先是水平居中,最简单的办法当然就是margin:0auto;也就是将margin-left和margin-right属性设置为auto,从而达到水平居中的效果。那么其他的办法呢?容我一一道来:line-height首先介绍文字的水平居中方法:<divclass...
IT猿
·
2020-03-28
讨论
CSS
中的
各类
居中
css雪碧图(css splite)
将很多小的背景图片放在一起,可以减少http请求. 这些图片通常是一类的。所以使用雪碧图. 雪碧图即为: 测试一下减少了多长时间0=0...
IT猿
·
2020-03-28
css
雪碧
splite
css3 小三角的用法
<divclass="arrow-up"><!--向上的三角--></div><divclass="arrow-down"><!--向下的三角--></div><divclass="arrow-left"><!--向左的三角--&...
IT猿
·
2020-03-28
css3
三角
用法
css 样式引入的方法 link 与import的区别
<link> 元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了CSS与HTML文档结合的4中方法:1使用<link>元素链接到外部的样式文件2在<head>元素中使用"style"元素来指定3使用CSS"@import"标记来导...
IT猿
·
2020-03-27
css
样式
引入
方法
link
css content
beforeafterdemodiv1:after{conent:"天假额外的文字"}<aclass="div1"href="http://www.baidu.com"></a>div1:after{content:attr(href)}注意:当使用attr()获取标签属性名的时候,千万不要添加...
IT猿
·
2020-03-27
css
content
css 实现元素四角图片样式,元素的大小不定
demo效果cssbody{margin:0;}.popupp{margin-bottom:20px;margin-left:200px;}.popuppspan{display:inline-block;}.popuppspan.popup-a{padding-left:6px;background:url("ima...
IT猿
·
2020-03-27
元素
css
实现
四角
图片
css3 vw -----解决页面滚动出现跳动的bug
100vw相对于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!而100%是可用宽度,是不含滚动条的宽度。demo:h1{font-size:8vw;}如果视口的宽度是200mm,那么上述代码中h1元素的字号将为16mm,即200/100*8mmCSS3计算calc和vw单位...
IT猿
·
2020-03-27
css3
vw
-----
解决
页面
css计数器
css计数器是css3,只在现代浏览器中有效果counter-reset:设置某个选择器出现次数的计数器的值。默认为0。就是定义一个计数器,可以定义初始值,默认是0counter-increment:设置某个选取器每次出现的计数器增量。默认增量是1。democss实现计数和cssbody{margin:0;counte...
IT猿
·
2020-03-27
css
计数器
【CSS】如何设置行距、段落间距、缩进格式
在使用MarkDownHere的时候,需要利用CSS编辑各个段落的格式,本文记录了CSS中编辑格式的各个属性及其设置。行距行距一般使用line-height:value;来表示,比如要设置行距为2则可利用下面的属性:line-height:2em;其中em为相对当前元素的大小,同时也可以使用pxpt为单位设置,互相转换...
IT猿
·
2020-03-27
CSS
如何
设置
行距
段落
CSS的三种样式:内联式,嵌入式,外部式以及他们的优先级
从CSS样式代码插入的形式来看基本能够分为下面3种:内联式、嵌入式和外部式三种。1:内联式css样式表就是把css代码直接写在现有的HTML标签中,如以下代码:<pstyle="color:red";font-size:12px>这里文字是红色。</p>2:嵌入式,嵌入式cs...
IT猿
·
2020-03-27
CSS
三种
样式
内联
嵌入式
css设置不可复制
-moz-user-select:none;/*Firefox私有属性*/-webkit-user-select:none;/*WebKit内核私有属性*/-ms-user-select:none;/*IE私有属性(IE10及以后)*/-khtml-user-select:none;/*KHTML内核私有属性*/-o-...
IT猿
·
2020-03-27
css
设置
可复制
CSS3 三次贝塞尔曲线(cubic-bezier)
例子:transition:all1scubic-bezier(.21,.2,.65,.1)最近在看animation模块,其中animation-timing-function和transition-timing-function两个属性来控制动画速度分别提供了ease,liner,ease-in,ease-out,...
IT猿
·
2020-03-27
CSS3
三次
塞尔
曲线
cubic-bezier
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 但是这个属性只支持单行文本的溢...
IT猿
·
2020-03-27
CSS
实现
单行
多行
文本
利用CSS3选择器实现表格的斑马纹
要用到的Css3选择器element:nth-child(number){}选择器匹配属于其父元素的第number个子元素参数Numberodd奇数even偶数W3School介绍:http://www.w3school.com.cn/cssref/selector_nth-child.asp 完整demo:<...
IT猿
·
2020-03-27
利用
CSS3
选择器
实现
表格
专栏
更多
老潘
关注
欢迎关注
建站高手
关注
兴趣:做网站
星空
关注
星空下的梦~
代码星球
关注
IT猿
关注
首页
上一页
1
2
3
4
5
下一页
尾页
按字母分类:
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
其他