优点简单,不需要工程,不用puppeteer生成骨架dom,也不需要二次开发维护定制程度高,想怎么搞就怎么搞不臃肿,只给你想要的缺点自动化程度低,需要在骨架dom上手动添加类协同要求高,不像工程化能通过工程去约束思路通过伪元素实现骨架样式,通过操作样式实现骨架和页面的动态切换实现css部分(scss写法)通过after伪元素生成骨架样式,并通过absolute覆盖到实际元素上专门建立的学习Q-q-
分类:
Web程序 时间:
2020-01-03 00:21:33
阅读次数:
282
js 全称JavaScript 也是一门编程语言 js跟java什么关系 他们没有任何关系 之所以叫Javascript是为了蹭java的热度 js也是面向对象式的编程语言 0.查看当前JavaScript版本 浏览后清空记录 谷歌浏览器设定如下 1.注释 单行注释 // 注释内容 多行注释 /*注 ...
分类:
编程语言 时间:
2019-12-30 09:53:56
阅读次数:
63
一、我们制作一个百度首页作为练习,可直接复制该代码保存后缀名为.html来查看<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>d93_baidu_home_exercise</title><style>.header{height:250
分类:
Web程序 时间:
2019-12-29 09:26:28
阅读次数:
116
一、什么是优先级的权重1.作用:当多个选择器混合在一起的时候,我们可以通过计算权重来判断谁的优先级最高。2.权重的计算规则公共代码:<body><divid="identity1"class="box1"><ul><li><pid="identity2"class="box2">试炼语句</p></li></
分类:
Web程序 时间:
2019-12-29 09:24:21
阅读次数:
103
一、div标签1.作用:一般用于配合CSS完成网页的基本布局2.例子:<style>.head{width:980px;height:100px;background:red;margin:auto;}.content{width:980px;height:300px;background:green;margin:auto;}.footer{width:980px;height:10
分类:
Web程序 时间:
2019-12-29 09:18:21
阅读次数:
132
前端入门之CCS 2 选择器优先级,调节标签样式,字体属性,文本属性,背景, 边框,画圆,display属性,盒子模型,浮动(clear属性),溢出属性,定位,z-index,透明度
选择器的优先级问题 1.选择器相同 就近原则 2.选择器不同 行内 > id选择器 > 类选择器 > 标签选择器 除此之外还可以通过添加 !important方式来强制让样式生效,但并不推荐使用。因为如果过多的使用!important会使样式文件混乱不易维护。 万不得已可以使用!important ...
分类:
其他好文 时间:
2019-12-28 10:13:22
阅读次数:
109
前端入门需要学习 A基础知识部分 1.html一些新的标签,html不仅仅包括div,span 2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥 3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE 4.数据交互插件,a ...
分类:
Web程序 时间:
2019-12-25 16:09:52
阅读次数:
93
一、内边距属性1.定义:边框和内容之间的距离就是内边距2.分开写padding-top:数字px;padding-left:数字px;padding-bottom:数字px;padding-right:数字px;3.连写:padding:上右下左;4.注意点:(1)给标签设置内边距之后,标签占有的宽度和高度会发生变化(2)内边距也会有背景颜色web前端开发学习Q-q-u-n:⑦⑧④-⑦⑧③-零①②
分类:
Web程序 时间:
2019-12-21 23:06:11
阅读次数:
321
一、在默认布局的垂直方向上,默认情况下外边距是是不会叠加的,会出现合并现象,谁的外边距较大,就听谁的;但是在水平方向就不会出现这种状况,我们举个例子span{display:inline-block;width:100px;height:100px;border:1pxsolidred;}div{width:100px;height:100px;border:1pxsolidgreen;}/*我们
分类:
Web程序 时间:
2019-12-21 23:05:10
阅读次数:
187
一、背景属性缩写的格式1.backgound:背景颜色背景图片平铺方式关联方式定位方式2.注意点:这里的所有值都可以省略,但是至少需要一个3.什么是背景关联方式默认情况下,背景图片会随着滚动条的滚动而滚动,如果不想这样,那么我们可以修改它们的关联方式4.格式:background-attachment:值;值的取值范围:scroll:默认值,会随着滚动条而滚动。fixed:不会随着滚动条滚动而滚动
分类:
Web程序 时间:
2019-12-21 22:49:41
阅读次数:
122