51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Css
关于css3中的flex
参考几篇文章:Flex布局语法教程IE10中的FlexibleBox("Flexbox")布局“老”的Flexbox和“新”的Flexbox 一个可以练习的地方: NEWFlexbox:Fluid-Fixed-Fluid...
代码星球
·
2021-02-07
关于
css3
中的
flex
关于css中float的理解
感觉css里的float是个非常神奇的东西,神奇之处在于,你知道它是什么意思,但是用的时候总是不知道怎么实现效果。又或者它会很容易地影响到别的元素和属性。所以今天打算尝试一下float的各种设置,看看效果。在这篇博客里做个总结。1. 设置float后对后面元素的影响<!DOCTYPEhtml>&l...
代码星球
·
2021-02-07
关于
css
float
理解
CSS3中的一些属性
1.可匹配部分字符串2.box-sizing属性3.CSS3多栏布局 1、可匹配部分字符串1/*^运算符,匹配字符串首部*/2a[href^='http://website']3/*$运算符,匹配字符串尾部*/4a[href$='.png']5/**运算符匹配任意位置的子字符串*/6a[href*='google...
代码星球
·
2021-02-07
CSS3
中的
一些
属性
css实现移动端滚动条隐藏仍然可以滚动内容
.g-panel{height:calc(100%-112px);overflow:auto;&::-webkit-scrollbar{display:none;//重点}} element::-webkit-scrollbar{display:none;//重点}...
代码星球
·
2021-02-06
滚动
css
实现
移动
隐藏
通过CSS禁用页面内容选中和复制操作
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;...
代码星球
·
2021-02-06
通过
CSS
禁用
页面
内容
css中单位px和em,rem的区别
一、px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,...
代码星球
·
2021-02-06
css
单位
px
em
rem
css初始化
ulli标签的padding和margin 一些元素,默认带有padding,比如ul标签。所以,我们为了做站的时候,便于控制,总是喜欢清除这个默认的padding: ...
代码星球
·
2021-02-06
css
初始化
css页面布局
一、display二、margin:0 auto;水平居中三、max-width:600px; 在这种情况下使用max-width替代width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要,调整下浏览器窗口大小检查下吧! 四、box-...
代码星球
·
2021-02-06
css
页面
布局
纯css3绘制扇形
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>.hold{position:absolute;width:200px;heigh...
代码星球
·
2021-02-06
css3
绘制
扇形
用css3实现一个带缺口的圆圈(图)
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.box{margin:300px;position:relat...
代码星球
·
2021-02-06
css3
实现
一个
缺口
圆圈
css3动画在动作结束时保持该状态不变的解决办法
animation-fill-mode:none|forwards|backwards|both;none:不改变默认行为。 forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。 backwards:在animation-delay所指定的一段时间内...
代码星球
·
2021-02-06
css3
动画
动作
结束
保持
CSS3两个动画顺序衔接播放
问题描述:第一个动画先播放,播放完成后,第二个动画紧接着播放。解决办法:1.将第二个的延迟时间(animation-delay)设置成第一个的持续时间(animation-duration);2. 多个动画应用时用逗号分隔开;此时,CSS3的动画代码就要分开写了,不能再简写了,诸如animation:rota...
代码星球
·
2021-02-06
CSS3
两个
动画
顺序
衔接
css去掉使用bootstrap框架后打印网页时预览效果下的超链接
在我们写网页的时候,超链接是链接各个页面的桥梁,也是搜索引擎爬虫(spider)收录网站页面的关键,因此,在每个网页中会有许多的超链。今天,一个同行妹妹在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链,然后问我如何解决,我一时头大,从来没有遇到过这样的问题撒,该如何解决呢...
代码星球
·
2021-02-06
css
去掉
使用
bootstrap
框架
常用的CSS命名规则
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:leftrightcenter 登录条:loginbar ...
代码星球
·
2021-02-06
常用的
用的
CSS
命名
规则
CSS去除firefox点击链接时的虚线边框
a{outline:none;}或者缩小范围:a:focus{outline:none;} ...
代码星球
·
2021-02-06
CSS
去除
firefox
点击
链接
首页
上一页
...
14
15
16
17
18
...
下一页
尾页
按字母分类:
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
其他