2016 年 2月随笔档案 - hduhdc

inline-block的特点

摘要：1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title></title> 5 <style> 6 div, span{ 7 height: 400px; 8 background-color: red; 9 display:inline-block; 阅读全文

posted @ 2016-02-29 21:23 hduhdc 阅读(208) 评论(0) 推荐(0)

内联元素的特点SPAN

摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 span{ 8 width:400px; 9 height: 400px; 10 background-color: 阅读全文

posted @ 2016-02-29 21:08 hduhdc 阅读(351) 评论(0) 推荐(0)

块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>无标题文档</title> 6 <style> 7 body *{height:30px;border:1px solid #000} 8 ol,ul,dl{ 阅读全文

posted @ 2016-02-29 19:50 hduhdc 阅读(241) 评论(0) 推荐(0)

块和内嵌div和span

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 body{ font-family:"宋体"; font-size:20px;} 8 div,span{wi 阅读全文

posted @ 2016-02-29 19:19 hduhdc 阅读(279) 评论(0) 推荐(0)

行间样式具有优先级

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #box1{background:blue;width:100px;height:100px;border: 阅读全文

posted @ 2016-02-29 16:33 hduhdc 阅读(151) 评论(0) 推荐(0)

标签（改变样式style）

摘要：id可以换为class，class对应的名字可以多个一样 <div class="box">box1</div> <div class="box">box2</div> <div class="box">box3</div> 改变样式的时候。box{}就改为一致的效果 <div class="bo 阅读全文

posted @ 2016-02-29 16:19 hduhdc 阅读(252) 评论(0) 推荐(0)

简单的苗为课堂搜索版式编写《超链接》

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>无标题文档</title> 6 <style> 7 #box{width:534px;font-family:"宋体";} 8 #title{height:3 阅读全文

posted @ 2016-02-29 11:34 hduhdc 阅读(119) 评论(0) 推荐(0)

摘要：<link rel="stylesheet" href="3.css"/> 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 </head> 7 <body> 8 <a href 阅读全文

posted @ 2016-02-29 09:59 hduhdc 阅读(320) 评论(0) 推荐(0)

关键自li，em，dl，ul,ol,footer,header,nav,aside,article

摘要：1 section 版块用于划分页面上的不同区域,或者划分文章里不同的节 2 3 header 页面头部或者版块（section）头部 4 5 footer 页面底部或者（section）底部 6 7 nav 导航（包含链接的的一个列表） 8 9 article 用来在页面中表示一套结构完整且独阅读全文

posted @ 2016-02-29 09:57 hduhdc 阅读(193) 评论(0) 推荐(0)

margin:0 auto

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #box{width:200px;height:200px;background:Red;margin:0 阅读全文

posted @ 2016-02-28 20:30 hduhdc 阅读(129) 评论(0) 推荐(0)

margin传递，子元素的上下margin会传递给父级

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #box{ background:red;} 8 #div{width:200px;height:200px 阅读全文

posted @ 2016-02-28 20:27 hduhdc 阅读(421) 评论(0) 推荐(0)

margin叠加相邻两个元素的上下margin是叠加在一起

摘要：1 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#box{width:200px;height:200px;background:Red;border:10px solid #000; mar 阅读全文

posted @ 2016-02-28 20:21 hduhdc 阅读(544) 评论(0) 推荐(0)

margin

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #box{width:200px;height:200px;background:Red;border:10 阅读全文

posted @ 2016-02-28 20:16 hduhdc 阅读(163) 评论(0) 推荐(0)

padding

摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #box{width:100px;height:100px;background:red;border:10 阅读全文

posted @ 2016-02-28 20:15 hduhdc 阅读(144) 评论(0) 推荐(0)

css05 字体以及行间距

摘要：<head><meta charset="utf-8"><title>无标题文档</title><style>#box{width:300px;border:1px solid #000; font:14px/30px "宋体"; color:red;letter-spacing:5px;}/* c 阅读全文

posted @ 2016-02-28 18:07 hduhdc 阅读(137) 评论(0) 推荐(0)