html5 && css
时光无错 孤独难谈
纸上学来终觉浅,绝知此事要躬行!
展开
-
JS3.基本数据类型和引用数据类型
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <script> // 基本数据类型 // 基本数据类型直接在栈内存中...原创 2020-02-21 09:51:32 · 134 阅读 · 0 评论 -
JS2.对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <script> // 对象分类: // 1.内建对象: ...原创 2020-02-20 10:17:19 · 102 阅读 · 0 评论 -
JS1.输出语句
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 引入外部文件 引入后不能用作编写内部代码标签 ...原创 2020-02-20 10:16:18 · 159 阅读 · 0 评论 -
CSS19. 条件Hack&&属性Hack
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ width: 100px; height:...原创 2020-02-15 18:27:34 · 127 阅读 · 0 评论 -
CSS18.框架集
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> </style> </head> <!-- ...原创 2020-02-15 18:22:53 · 127 阅读 · 0 评论 -
CSS17.常用表单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> </style> </head> <b...原创 2020-02-15 14:22:51 · 90 阅读 · 0 评论 -
CSS17.完善cleanfix(同时解决高度塌陷和父子共享外边距问题)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ width: 400px; height:...原创 2020-02-15 12:24:17 · 284 阅读 · 0 评论 -
CSS16.表格
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> table{ /* 宽度 */ width: 300px...原创 2020-02-14 14:23:59 · 101 阅读 · 0 评论 -
css15.背景设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> *{ margin: 0; padding: 0; ...原创 2020-02-14 14:23:28 · 71 阅读 · 0 评论 -
CSS14.元素层级
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ height: 300px; width...原创 2020-02-14 14:22:48 · 99 阅读 · 0 评论 -
CSS13.相对定位&绝对定位
***相对定位***<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ width: 200px; ...原创 2020-02-14 14:22:14 · 117 阅读 · 0 评论 -
css12.高度塌陷问题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ /* 为box1指定边框 */ borde...原创 2020-02-14 14:20:46 · 87 阅读 · 0 评论 -
CSS11.浮动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> *{ margin: 0; padding: 0; ...原创 2020-02-14 14:19:29 · 116 阅读 · 0 评论 -
css10.文档流
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> </style> </head> <b...原创 2020-02-13 10:50:52 · 70 阅读 · 0 评论 -
css9. display和overflow和visibilit
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> a{ background-color: pink; /...原创 2020-02-13 10:50:19 · 273 阅读 · 0 评论 -
css8.盒子模型
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title></title> <style type="text/css"> /* 去掉浏览器的外边距 */ ...原创 2020-02-13 10:49:04 · 133 阅读 · 0 评论 -
css7.列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> /* 去点项目符号 */ ...原创 2020-02-13 10:48:32 · 100 阅读 · 0 评论 -
css5.子元素选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> /* 为第一个p设置颜色 :first-chi...原创 2020-02-13 10:47:03 · 201 阅读 · 0 评论 -
css4.属性选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title></title> <style type="text/css"> /* 为所有具...原创 2020-02-13 10:46:33 · 92 阅读 · 0 评论 -
css3.伪元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> /* 使用伪元素表示元素中一些特殊位置 */ ...原创 2020-02-13 10:46:01 · 77 阅读 · 0 评论 -
css2.伪类选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title>伪类选择器</title> <style type="text/css"> /* ...原创 2020-02-13 10:45:28 · 111 阅读 · 0 评论 -
css1.常用选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用选择器</title> <style type="text/css"> /* ...原创 2020-02-13 10:44:57 · 74 阅读 · 0 评论 -
HTML5基础
<!-- h5文档声明--><!DOCTYPE html><!-- HTML不区分大小写 注释不能嵌套 --><html> <!-- head标签,网页不会直接显示,帮助浏览器解析网页 --> <head> <!-- meta设置网页元数据 ...原创 2020-02-13 10:43:41 · 73 阅读 · 0 评论