通常情况下,我们写样式穿透都是用 >>> ,或者 /deep/ 以上这两种方式正常情况下使用都没有问题,但在scss,less,sass等解析器中,>>>,/deep/可能都...
通常情况下,我们写样式穿透都是用 >>> ,或者 /deep/ 以上这两种方式正常情况下使用都没有问题,但在scss,less,sass等解析器中,>>>,/deep/可能都...
1、最新国内镜像地址 https://kgithub.com/[https://kgithub.com/]之前使用的是:https://hub.fastgit.org/[ht...
最近在读elementUI源码的时候发现了这样一段代码 其中用toString.call()来检测数据类型,这样的方式无疑是比typeOf严谨的,特此记录一下。 typeof...
定位的认识 定位的概念:可以控制元素在浏览器中的位置 关于定位使用的条件需要移动修饰的对象位置的移动方式需要改变参照物 定位属性的使用 positionstatic 静态定位...
需求:在导航栏中实现鼠标移入时,产生图标变色效果知识点:背景定位,hover选择器,元素类型,图片整合技术 原图素材:
图片bug:默认会往下撑开3~6px的间距,与其他元素之间产生间隙解决方法:给图片设置基线对齐把图片转换成块元素 图片bug解决后显示效果:
需求:实现电商的多商品展示效果。知识点:图片垂直居中vertical-align:middle;,浮动。
需求:实现图片在盒子中的垂直对齐排列知识点:添加参照物(span,width=0)实现,vertical-align:middle;
垂直对齐属性 属性:vertical-align 属性值baseline 基线对齐,默认值top/bottom/middle 需求:用基线实现图片居中(了解即可,不实用)图片...
需求:多商品展示时,当鼠标经过商品,显示一个聚焦效果(将聚焦效果的图片作为背景)。知识点:display:none和block之间的应用;使用基线实现图片的vertical-...
需求:在鼠标移动到导航栏悬浮时,将原本是英文的导航标题变成中文。知识点:display:none和block之间的应用 注意:因为需要实现英文和中文分别显示,所以中英文需要放...
需求:当鼠标移到导航栏时,在导航栏下方显示出企业logo/二维码知识点:display:none和block之间的应用 注意:margin-top在图片出现后,会应用到img...
元素类型的分类 在网页布局中有的标签可以直接设置宽高大小,但有的标签不可以直接设置,因为每个标签都有自己的类型。在css中根据显示分类可以分为:块级元素、行内元素、可变元素。...
图片整合技术 已逐渐淘汰,了解即可 作用:可以通过把很多小的图标整合到一张大的图片上,通过背景定位技术移动图片从而实现小图标位置 别名:css sprites、精灵图、雪碧图...
安装oracle软件方法 图形界面 rpm包 静默 安装软件容易检测不通过的点: 包没有装完全---yum 用户组创建有问题 软硬限制有问题(使用预安装包会自动配置) 交换空...
变量/标签名 取名神器 codeif 关于静态页面布局的思路 页面可以看成是搭积木,说明需要设置多个部分,并且将多个部分分成盒子进行拼接 分析有六个区域 => div*6 给...
A. 浮动属性 在网页布局中经常看见很多标签默认是从上到下显示的,需要改变默认的排序方式可以使用浮动属性。 概念:使用浮动属性可以改变元素的位置(默认从上到下改为从左到右/从...
CSS语法组成 作用:修饰美化页面 组成:选择器{声明} --> 选择器{属性1:属性值2;属性2:属性值2} 注意: 选择器/选择符是修饰当前这个对象的(标签) {声明...
图片标签 标签img 标签属性src:表示可以导入图片的路径alt:表示在图片加载失败时候提示文本(写图片的描述)优化作用 路径 绝对路径(不推荐)含有电脑盘符的路径地址只能...