CSS
JSS00
Fighting
展开
-
前端面试-CSS
原创 2019-11-15 10:33:36 · 127 阅读 · 0 评论 -
用 CSS 隐藏页面元素的 5 种方法
用 CSS 隐藏页面元素的 5 种方法Opacity: opacity 属性的意思是设置一个元素的透明度。这意味着将 opacity 设为 0 只能从视觉上隐藏元素,而元素本身依然占据它自己的位置并对网页的布局起作用,同时它将响应用户交互。此外,元素在读屏软件中不会被隐藏。Visibility: 将visibility的值设为 hidden将隐藏我们的元转载 2017-01-13 21:06:52 · 708 阅读 · 0 评论 -
对CSS中的Position、Float属性的一些深入探讨
对CSS中的Position、Float属性的一些深入探讨盒子模型在HTML中元素的盒子模型分为两种:块状元素、行内元素,请注意这里的块状元素(Block)和行内元素(Inline)与Display属性中的inline、block两个属性值并不等同。盒子模型中的Inline、Block类似于是Display属性的父类,例如:Display属性中的list-item属性值转载 2017-01-12 21:32:09 · 470 阅读 · 0 评论 -
解决html中 在不同浏览器中占位大小不统一的问题
解决html中 在不同浏览器中占位大小不统一的问题: 直接在html文档中使用 来表示空格,在不同浏览器中的占位大小是不一样的.因为不同浏览器默认的字体是不一样的,不同字体下的空格表示 占位大小不一致. 解决办法: 我们对 指定使用同样的字体就能让 显示同样的占位了. 经过测试转载 2017-01-23 13:51:51 · 3599 阅读 · 0 评论 -
CSS透明opacity和IE各版本透明度滤镜filter的准确用法
Opacity属性用来设置一个元素的透明度,取值范围是0~1之间,不可为负值;opacity取值为1是完全不透明,取值为0是完全透明,只是视觉上看不见。浏览器对opacity属性的兼容性:-ms-filter: IE8又引入了此特殊的,不过,这种写法的寿命也不长,到IE10已经不再支持。-khtml-opacity: Safari 1.2之前的版本,是基于khtml的浏转载 2017-01-24 15:40:24 · 1116 阅读 · 0 评论 -
display的inline、block、inline-block 的区别
1、display:block就是将元素显示为块级元素block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。2、display:...转载 2016-08-16 17:00:33 · 294 阅读 · 0 评论 -
background-image和img的区别
区别如下:1. 是否占位background-image是背景图片,是css的一个样式,不占位 是一个块状元素,它是一个图片,是html的一个标签,占位2.是否可操作 background-image是只能看的,只能设置background-position, background-attachment, background-repeat转载 2017-10-01 22:29:42 · 3550 阅读 · 0 评论 -
CSS清除浮动方法集合
一、浮动产生原因:一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSSfloat浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。简单地说,浮动是因为使用了float:left或float:right或两者都转载 2017-10-04 15:57:10 · 746 阅读 · 0 评论 -
实现页面跟随可视窗口缩放
1.使用:vh、vw和flexhtml:<div class="contents"> <div class="content left">left</div> <div class="content center">center</div> <div class="content ...原创 2019-07-02 17:45:34 · 2051 阅读 · 0 评论