CSS3新特性大致分为一下六类
CSS3选择器
CSS3边框与圆角
CSS3背景与渐变
CSS3过渡
CSS3变换
CSS3动画
下面说一下以上六类都有哪些内容
CSS3选择器1、基本选择器基本选择器又分为
子选择器
相邻兄弟选择器
通用兄弟选择器
群组选择器
2、属性选择器1、element[attribute]
带有attribute属性的元素设置样式
2、element[attrbute=’value’]
带有attribute=’value’的元素设置样式
3、element[attribute~=’value’]
带有attribute属性值中,包含单词value的元素设置样...
盒模型:标准盒模型是前端布局的概念,把页面中的每一个元素都看做是一个盒子。
盒子的基本属性?
1、宽高
2、边框
盒子和盒子之间有哪些关系?
1、邻居
2、盒子里面,还可以装盒子,是嵌套关系
盒模型的组成:内容 + 内边距 + 边框+外边距
box-sizing:怪异盒模型box-sizing 属性用于更改计算元素宽度和高度的默认的 CSS 盒模型,可以使用此属性来模拟不正确支持 CSS 盒子模型规范的浏览器的行为。
12345678/* 关键字 值 */box-sizing: content-box;box-sizing: border-box;/* 全局 值 */box-sizing...
一天,小明正在网上查找资料,项目中遇到的问题需要通过查阅资料来解决,他看到一个标题很有意思,觉得这应该是他要找的答案,于是他就点了进去,结果进入网站后几秒钟的时间,网页还是一片空白,过了好久才加载完成。
为什么会出现这种情况?说到这我们必须了解一下网站加载的整个过程了
首先浏览器在服务器接收HTML代码,然后开始解析HTML
构建DOM树,(从HTML自顶向下进行构建),并且在同时构建渲染树
遇到js文件加载执行,将阻塞DOM树的构建,遇到css文件,将阻塞渲染树的构建
script标签的defer属性:构建DOM树的过程和js文件的加载异步,(并行)进行,但是js执行需要DOM树构建...
为什么HTML中有一部分标签会被废弃?因为当前的HTML中的标签只有一个作用, 就是用来添加语义而早期的HTML标签中有一部分标签是没有语义的,有一部分标签是用来修改样式的所以这部分标签就被淘汰了
123456<br> <hr> <font><b> <u> <i> <s>以上标签都是没有语义的,都是用来修改样式的b(bold) 加粗文本, 没有任何语义的u(underline) 给文本添加下划线, 没有任何语义的i(italic) 将文本倾斜, 没有任何语义的s(strikethourgh) 给文本添加删...
2018-3-5今天是第一天减肥祝我早日成功🎉
8:30分:牛肉三明治
9:53分:一杯凉白开水
11:30分:吃了一块口香糖
12:10分:蔬菜粗粮细作
16:30分:一杯开水
18:20分:一个苹果🍎
2018-3-6今天是减肥的第二天,昨天忍着饥饿睡着了,才知道减肥不容易啊,总之加油吧!
8:40分:麦片搭配酸奶🥛
10:00分:一杯水
12:15分:两个素馅包子,一碗小米粥
14:30分:一杯水
17:20分:还是一杯水
18:10分:切后的什锦水果(🍓🍉🍎🍌🍊)放在一个小盒里
2018-3-7今天是减肥的第三天,来吧,加油
7:30分:一个煎鸡蛋�...
JavaScript变量–匈牙利命名法
匈牙利命名法语法:变量名=类型+对象描述类型指变量的类型对象描述指对象名字全称或名字的一部分,要求有明确含义,命名要容易记忆容易理解。提示: 虽然JavaScript变量表面上没有类型,但是JavaScript内部还是会为变量赋予相应的类型。
提示: 匈牙利命名法是一位微软程序员发明的,多数的C,C++程序都使用此命名法。
JavaScript变量匈牙利命名类型
JavaScript变量起名类型
变量命名前缀
Array 数组
a
Float 浮点
l
Function 函数
f
Integer(int) 整型
n
O...
首先我们先简单的构建一下项目的目录名字就叫webpack 文件夹,然后我们进到这个文件夹,然后在这里面我们要构建一个从零开始的一个项目结构的目录首先我们现在这个文件夹下面执行一个命令,就是yarn,这个东西和npm差不多,听说你下载的速度比npm快,但是我也没怎么发现,这个东西是facebook推出的,那我来执行这段命令
$ npm i -g yarn
然后安装完之后会有一段提示,说不让你这么安装,说当前的环境有问题,因为是通过npm装的它,如果node出了问题,这个东西就不能用了,但是这个东西没什么问题,我也去查了,证明了这件事,然后我们初始化我们的文件夹,之前是npm init ...
运算符、操作符左右两边加空格
语句结尾加分号( );
函数定义-> function空格,sum空格(),参数列表空格{}
1234// 正确写法function sum () {// 代码 }
箭头函数
12345678// 正确写法let sum = (a,b) => { return a + b ;};// 单参数写法let square = number => { return number * number;};
TabSize定义为2个空格
统一字符串使用双引号"&qu...
什么是meta标签根据w3c定义,meta元素是可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 meta标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 简单来说,meta标签是给搜索引擎看的标签,对于seo有着举足轻重的作用。
常用的meta标签descriptionmeta description,被认为是最有用的meta标签,是网站的简介信息。
1<meta name="description" content="description of your site"/>
这个标签在搜索...