2017年4月3日

计数器

摘要: <!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 阅读(196) 评论(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 阅读(317) 评论(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 阅读(107) 评论(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 阅读(227) 评论(0) 推荐(0) 编辑

导航