排序:
默认
按更新时间
按访问量

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

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