摘要: 盒子模型的组成 margin 外边距 盒子与盒子之间的距离 border 边框 包装盒 padding 内边距 填充物 content 内容 买好的东西 1.margin 合起来写的属性 4个 当你写一个的时候,四个全部相同 两个的时候,上右,对边补齐 三个的时候,上右下,对边补齐 margin-t 阅读全文
posted @ 2019-05-29 15:29 zxy吖吖 阅读(900) 评论(0) 推荐(0) 编辑
摘要: visibility:hidden 和 display:none 的区别 都是隐藏 但是visibility:hidden隐藏以后还会继续保留位置 display:none 隐藏以后就不会占位置 关于display:none 隐藏如下实例的 <!DOCTYPE html><html> <head> 阅读全文
posted @ 2019-05-29 11:41 zxy吖吖 阅读(1111) 评论(0) 推荐(0) 编辑
摘要: hover 当鼠标悬浮在元素上方时,向元素添加样式。 实例 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div01{ width: 100px; height 阅读全文
posted @ 2019-05-28 17:42 zxy吖吖 阅读(914) 评论(0) 推荐(0) 编辑
摘要: CSS文本的用法及解释 设置字间距 CSS字体的用法及解释 实例应用: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 500px; hei 阅读全文
posted @ 2019-05-28 17:38 zxy吖吖 阅读(205) 评论(0) 推荐(0) 编辑
摘要: CSS选择器的分类以及基本用法 1.ID选择器 使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头 一个页面中只能有一个id属性值 css中id选择的表示方法用 # 表示 #div01{ width: 100px; height: 100px; background-colo 阅读全文
posted @ 2019-05-28 17:26 zxy吖吖 阅读(1081) 评论(0) 推荐(0) 编辑
摘要: css的使用方式 1.行内样式(内联样式) <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签> 2.页面嵌入(内部样式表) 在head标签里面增加一个子标签 <style> 选择器{ 属性名1:属性值1; 属性名2:属性值2; ...... } </style> 3. 阅读全文
posted @ 2019-05-28 16:16 zxy吖吖 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 先看以下实例: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <form action="C:\Users\Administrator\Desktop\0528day02 阅读全文
posted @ 2019-05-28 11:37 zxy吖吖 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 首先我们看到一段关于<a>标签应用的代码 这段代码是跳转网页 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="">GO!百度</a> <a href="../052 阅读全文
posted @ 2019-05-28 09:26 zxy吖吖 阅读(913) 评论(0) 推荐(0) 编辑
摘要: HTML关于表格 表格的结构: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <!--表格一定是工整的--> <table border="1px" width="700px" 阅读全文
posted @ 2019-05-27 17:13 zxy吖吖 阅读(126) 评论(2) 推荐(0) 编辑
摘要: <!doctype html> <html> <head> <meta charset="utf-8"><title>我的第一个的网页:HTML</title> </head> <body> <h1>我是网页中标题</h1> </body></html> 其中: <!DOCTYPE html> 声明 阅读全文
posted @ 2019-05-27 11:41 zxy吖吖 阅读(80) 评论(0) 推荐(0) 编辑