会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Cutelady0927
爱生活,爱前端。
博客园
首页
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
···
16
下一页
2019年12月18日
HTML元素分类 块级元素 内联元素 块级内联元素
摘要: 概述 HTML中存在许多元素,如<h1>,<p>,<a>,<block>,<image>,这些元素可分为三类,依次是块级元素,内联元素,块级内联元素。 每种元素都有着各自的特点: 块级元素特点 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(一个块级元素独占一行) 元素的高度(height
阅读全文
posted @ 2019-12-18 13:29 Cutelady
阅读(265)
评论(0)
推荐(0)
2019年12月17日
假设高度已知,请写出三栏布局,其中左右各为300px 中间自适用
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
posted @ 2019-12-17 21:40 Cutelady
阅读(146)
评论(0)
推荐(0)
元素水平垂直居中的方式有哪些
摘要: 元素水平垂直居中的方式有哪些? absolute加margin方案 fixed 加 margin 方案 display:table 方案 行内元素line-height方案 flex 弹性布局方案 transform 未知元素宽高解决方案 absolute加margin方案 div{ positio
阅读全文
posted @ 2019-12-17 21:18 Cutelady
阅读(117)
评论(0)
推荐(0)
2019年12月16日
flex布局
摘要: flex布局 容器的属性 flex-direction属性 flex-wrap属性 flex-flow属性 justify-content属性 align-items属性 align-content属性 flex布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(147)
评论(0)
推荐(0)
2-2-for循环
摘要: 重复执行某些代码 每次执行的时候有个数字在变化 常用格式 <script> for(var i=0; i<3; i++){alert(i); } </script> 1) var i=0; 2) i<3;关键!!!! 3) 括号里面的所有代码 4) i++ <script> window.onloa
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(82)
评论(0)
推荐(0)
2-1-动态方法:ByTagName()
摘要: 动态方法:ByTagName() <ul id="list"> <li></li> <li></li> <li></li> </ul> <ol> <li></li> <li></li> </ol> var oUl = document.getElementById('list'); 静态方法 找到一
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(113)
评论(0)
推荐(0)
添加删除
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(104)
评论(0)
推荐(0)
1-函数返回值-return详解及应用-1
摘要: return 返回值 可以是:数字、字符串、布尔、函数、对象(元素\[]\{}\null)、未定义 <script> function fn1(){return 100;} alert( fn1()) ;弹出100 // alert( typeof fn1() );数据类型 number </scr
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(434)
评论(0)
推荐(0)
js中的作用域
摘要: 作用域: 域:空间、范围、区域…… 作用:读、写 浏览器:“JS解析器”1)“找一些东西” :var function 参数a = ...未定义所有的变量,在正式运行代码之前,都提前 赋了一个值:未定义fn1 = function fn1(){ alert(2); }所有的函数,在正式运行代码之前,
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(99)
评论(0)
推荐(0)
商品计算
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(110)
评论(0)
推荐(0)
轮播图片切换(函数传参)
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(136)
评论(0)
推荐(0)
1.1 弹出窗口控制
摘要: 1打开新窗口显示广告信息 建两个页面,一个命名index.html和一个new.html页面,在index.html页面的head标签中间输入 <script language="javascript"> window.open("new.html","new","height=141,width=
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(124)
评论(0)
推荐(0)
4-1-JS数据类型及相关操作
摘要: js的数据类型 判断数据类型 用typeof typeof "John" // alert(typeof "John") 返回 string typeof 3.14 // 返回 numbertypeof NaN // 返回 numbertypeof false // 返回 booleantypeof
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(74)
评论(0)
推荐(0)
轮播图片切换(函数合并)
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(62)
评论(0)
推荐(0)
轮播图片切换
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @ 2019-12-16 19:42 Cutelady
阅读(81)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
···
16
下一页