qq_38068491的博客

RSS订阅
排序：
默认
按更新时间
按访问量

原 day02 逻辑运算符以及if分支

补充：小数.tofixed（3）//四舍五入，3是保留的小数位数 表达式：希望一个式子运行的结果是一个布尔值， 1.逻辑运算：用运算符构成的一个式子叫表达式，最后得到的计算结果是一个Boolean    或   ||       （ ||两边，有一边为true，整个表达式为true。两边都为...

2018-09-19 20:45:21

阅读数：6

评论数：0

原 day01 JavaScript基本语法

一、什么是js？ 一个面向对象的跨平台脚本语言。 二、js能做什么？ a、与html交互 b、与浏览器交互 c、与服务器交互 三、js分成三个部分 ECMAScript：是语法规则 DOM：html（文档对象模型） BOM：浏览器对象模型 四、基本语法 &lt...

2018-09-19 20:36:14

阅读数：9

评论数：0

原 bfc

1.什么是bfc？ bfc格式化上下文，指一个独立的渲染区域。 2.哪些条件下可以触发bfc？ 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为abso...

2018-09-15 16:58:20

阅读数：19

评论数：0

原 单位

一、单位 1、默认字体大小：16px；1rem=16px； px,em,pt,rem   1pt=12px； 2、rem是一个单位，相对于根元素（html）定义 html{font-size: 12px;},n那么：1rem = 12px; html{font-size: 14px;},n那么：1...

2018-09-15 16:56:42

阅读数：8

评论数：0

原 媒体查询

一、媒体查询 默认值写在最前面,或者给媒体查询样式添加important. 如果要使用max-width，条件值比较大的写在前面。 如果要使用min-width，条件值比较小的写在前面。 @media all and （max-width：600px（条件值））{ 选择符{样式} }  @medi...

2018-09-15 16:52:03

阅读数：11

评论数：0

原 弹性盒和多列布局

一、弹性盒模型 1、属性：display：flex；将盒子设置为弹性盒，一定要给父元素设置。（弹性盒的主轴默认为水平从左到右的排列） 2.flex-direction 设置主轴方向   （给父元素设置） 取值：（1）column 垂直排列           （2)row(默认值)，在一行排列。 ...

2018-09-13 18:50:44

阅读数：29

评论数：0

原 2D 3D转化和动画

day 9.10   2D、3D转化和动画   一、2D转化 属性：transform：translate（）/scale（）/rotate（）/skew（）/ 1）取值：translate（x水平方向，y垂直方向）平移  将元素按指定的方向平移移动,相当于定位中的relative。（可以为负值...

2018-09-11 13:50:33

阅读数：27

评论数：0

原 三栏布局

 固定定位三栏布局 <!DOCTYPE html> <html lang="en"> <head> &amp...

2018-09-08 15:24:40

阅读数：39

评论数：0

原 垂直手风琴案例

  <!DOCTYPE html> <html lang="en"> <head> <meta...

2018-09-08 15:05:08

阅读数：34

评论数：0

原 css3新增属性

css新增的属性  一、颜色的表示方法：           1、十六进制 000 fff ff0000 00ff00 0000ff           2、英文单词           3、rgba(red(0-255),green(0-255),blue(0-255),alpha(0-1) ...

2018-09-08 14:47:29

阅读数：80

评论数：0

原 css3的选择器

day12 09.06 css3 一 .基本选择器 1.*通配符 2.元素选择器、类型选择符、标签选择器（div 、p） 3.类选择器  .class名 4.id选择器   #id名 5.群组选择符  选择符1，选择符2...... 二.层次关系选择符 1.E F 后代选择符，包含选择符了，找到E...

2018-09-08 14:43:13

阅读数：30

评论数：0

原 html5新标签+表单新类型、新属性

1、html5的特点 增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性。常问的问题：html5有哪些特点（跟html5以前有什么区别），css有哪些新属性？ （文档声明更简单，html5更语义化，html5三维空间，...

2018-09-06 09:15:07

阅读数：28

评论数：0

原 表格新增的属性及高级表单

一.表格标签与属性 1.表格的新增html属性 1）valign=“top/middle/bottom/baseline”垂直对齐 2）rules=“groups（添加行组与行组和列组和列组之间的分割线）/rows（添加行之间的分割线）/cols（添加列之间的分割线）/all（位于行列之间的线）/...

2018-09-05 09:34:27

阅读数：26

评论数：0

原 两栏自适应的方法

方法一：采用固定定位的方法 <!DOCTYPE html> <html lang="en"> <head> &...

2018-09-05 09:01:57

阅读数：34

评论数：0

原 盒子垂直水平居中的案列

1.已知大盒子的宽高，不确定（就是在改需求的时候直接改小盒子的宽高，不需要修改其他的代码）小盒子宽高，小盒子在大盒子垂直水平居中的方法。 <!DOCTYPE html> <html lang="en&q...

2018-09-04 16:46:02

阅读数：490

评论数：0

原 导航部分的案列

.1.实现鼠标放上去，往上动的效果的导航 <!DOCTYPE html> <html lang="en"> <head> ...

2018-09-04 16:37:23

阅读数：27

评论数：0

原 浏览器兼容

day 10  9.3 一、常用浏览器 ie  火狐  谷歌  safari   Opera（欧朋） 二、浏览器大战 第一次浏览器大战发生在上个世纪90年代，微软发布了它的ie浏览器，和网景公司的Netscape Navigator浏览器大打出手。 第二次浏览器大战发生在20世纪。战争产物 in...

2018-09-04 14:37:01

阅读数：23

评论数：0

原 宽高自适应

day 10 8.31    1.宽高自适应：就是元素的大小能够根据窗口或子元素自动调整。 1）宽度自适应：块级元素宽度设置为100%或者不设置情况下，默认为父元素的宽度  2）高度自适应：不设置父元素的高度或者设置height：auto，父元素的高度随着子元素而变化，即父元素的高度由子元素而撑开...

2018-09-04 14:35:07

阅读数：36

评论数：0

原 定位

day 08 8.29 一、定位（都要结合left top right bottom结合使用）（包含块简单说就是定位参考框或者定位坐标参考系） position：static 1.属性：（1）static静态定位  （默认值）不会有任何改变（left， top ，right ，bottom没有效果...

2018-09-04 14:32:50

阅读数：28

评论数：0

原 元素类型

元素类型 1.块级元素的特点 （1）独占一行；可设置宽高； （2）块级元素可作为其他元素的容器（所有的内联元素也就是行内元素，和部分块级元素） 注意：p标签里面不能包含p标签，段落里面不能包含段落）,不能包含所有的块级元素 常用的块级元素：div，p , form , hr ,table ,tr ...

2018-09-04 14:28:08

阅读数：20

评论数：0

提示
确定要删除当前文章？
取消 删除
关闭
关闭