摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 伪元素</title> <style> p:first-line { color: #ff0000; font-variant: small-ca 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 伪类</title> <style> a:link { color: #FF0000; } /* unvisited link */ a:visi 阅读全文
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Align</title> <style> body { margin: 0; padding: 0; } .container { positi 阅读全文
摘要：
一， 效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 浮动</title> <style> img { float: right; } .thumbnail { float: left; width 阅读全文
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Display(显示)</title> <style> h1.hidden { display: none; } li { display: in 阅读全文
摘要：
一， 效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 分组和嵌套</title> <style> h1, h2, p { color: green; } .marked { background-c 阅读全文
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Margin</title> <style> p{ background-color: yellow; } p.margin{ margin: 1 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Border(边框)</title> <style> p.one { border-style: solid; border-width: 5px 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 盒子模型</title> <style> div.ex { width: 220px; padding: 10px; border: 5px so 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Table表格</title> <style> table { border-collapse: collapse; width: 100%; } 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 样式列表(url)</title> <style> ul.a { list-style: circle; } ul.b { list-style: 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 链接(link)</title> <style> a:link { color: #ff0000; text-decoration: none; 阅读全文
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
摘要：
一，效果图。 二，代码。 参考资料:《菜鸟教程》 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS backgrounds</title> <style> h1 { background-color: #6495ed; } p { backgro 阅读全文
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS id和class选择器</title> <style> #para1 { text-align: center; color: red; } .c 阅读全文
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文