头部引用
摘要：
<!doctype html> <html> <head> <title>Insert a title</title> <meta charest="utf-8"> <!--[if IE 6] > <style> h1{ color:red; } </style> <![end if]--> </h 阅读全文
posted @ 2017-04-04 22:42 zhangailing 阅读(122) 评论(0) 推荐(0) 编辑
css类内部
摘要：
<!DOCTYPE html> <html> <head> width:200px; height:200px; background-color:red; </head> <body> <div id="d1"></div> </body> </html> 阅读全文
posted @ 2017-04-04 22:11 zhangailing 阅读(92) 评论(0) 推荐(0) 编辑
多列
摘要：
<style> #d1{ border:1px; solid#000; width:500px; column-count:3; /*栏目列数*/ column-gap:20px; 每列之间的间隔：20px; column-rule：2px solid:#foo; -webkit-column-co 阅读全文
posted @ 2017-04-04 21:38 zhangailing 阅读(160) 评论(0) 推荐(0) 编辑
解决外边距溢出---内容生成
摘要：
<!DOCTYPE html> <html> <head> <meta charest="utf-8"> <title>解决外边距溢出</title> <style> #d1,d2{ width:200px; height:200px; background:red; } #d2{ backgrou 阅读全文
posted @ 2017-04-04 17:43 zhangailing 阅读(2796) 评论(0) 推荐(0) 编辑
计数器
摘要：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*1、声明/复位计数器*/ /*1、声明/复位计数器*/ body{ counter-reset:c1 0; } /*2、设置计 阅读全文
posted @ 2017-04-03 23:39 zhangailing 阅读(200) 评论(0) 推荐(0) 编辑
浮动元素父元素高度
摘要：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #d1{ border:1px; solid:#000; } #d2,#d3,#d4{ width:200px; height:2 阅读全文
posted @ 2017-04-03 23:34 zhangailing 阅读(320) 评论(0) 推荐(0) 编辑
选择器
摘要：
伪类选择器： <!DOCTYPE html> <html> <head lang="en"> <meta charest="utf-8"> <title>伪类选择器举例</title> <style> p:first-letter:{ font-weight:bold; color:#43193c; 阅读全文
posted @ 2017-04-03 23:16 zhangailing 阅读(109) 评论(0) 推荐(0) 编辑
内容生成
摘要：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div:before{ content: "小明"; font-weight:bold; color:red; margin-ri 阅读全文
posted @ 2017-04-03 23:12 zhangailing 阅读(105) 评论(0) 推荐(0) 编辑
css--目标伪类选择器
摘要：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> :target{ background-color:yellow; } </style></head><br> <div> <a 阅读全文
posted @ 2017-04-03 00:00 zhangailing 阅读(228) 评论(0) 推荐(0) 编辑
