![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
小宇宙chris_310
这个作者很懒,什么都没留下…
展开
-
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
1、结构:display:none: 会让元素完全从渲染树中消失,渲染的时候不占据任何空间, 不能点击,visibility: hidden:不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,不能点击opacity: 0: 不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,可以点击2、继承:display: none和opacity: 0:是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示。visibility: hidden:是原创 2021-05-10 17:50:45 · 322 阅读 · 0 评论 -
css背景图片连写
<div v-if="item.nav_url.length==3" :style="`background: url(${item.nav_url[2]}) center center / contain no-repeat ;`"></div>原创 2020-01-17 15:04:24 · 633 阅读 · 0 评论 -
用视频作为背景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-07-22 19:55:03 · 185 阅读 · 0 评论 -
px、em、rem三者的联系与区别
px、em、rem都是计量单位,都能表示尺寸,但是有有所不同,而且其各有各的优缺点。Px表示“绝对尺寸”(并非真正的绝对),实际上就是css中定义的像素(此像素与设备的物理像素有一定的区别,后续详细说明见文末说明1),利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。em表示相对尺寸,其相对于当前对象内文本的font-siz...原创 2019-08-05 10:02:22 · 279 阅读 · 0 评论 -
CSS样式对SEO的影响
通常来讲:CSS用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。它是一种用于不同方式展现网站的手法,举个不恰当的例子,它有的时候更像毛坯房的精装修。1、规范内容页面位置一般来讲,搜索引擎的蜘蛛爬行的顺序为:从左到右,从上到下,利用CSS样式,我们可以很好的分配重要资源在相关位置:① 顶部导航包含核心关键词链接:从左到右,关键词指数依次递减。② 如果你配置左侧列表,可...原创 2019-08-14 22:09:33 · 519 阅读 · 0 评论 -
模态框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-10 21:39:58 · 345 阅读 · 0 评论