摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪元素</title> <style type="text/css"> /* 使用伪元素来表示元素中的一些特殊的位置 */ /* 为p中第一个字符设置特殊样式 */ p:first 阅读全文
posted @ 2021-06-29 21:58 2237774566 阅读(54) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伪类选择器</title> <style type="text/css"> /* 伪类专用来表示元素的一种特殊状态 需要为处在特殊状态的元素设置样式 伪类四个样式 -link 正常 阅读全文
posted @ 2021-06-29 17:14 2237774566 阅读(53) 评论(0) 推荐(0)
摘要: 常用选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器</title> <style type="text/css"> /* 设置颜色为红 元素选择器 p{ color: #FF0000; } id选择器 语法 #i 阅读全文
posted @ 2021-06-29 16:09 2237774566 阅读(217) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 块元素(独占一行):做页面布局 div p h1~h6 内联元素(行元素):设置样式 span(专门用来选中文字,为文字设 阅读全文
posted @ 2021-06-29 15:33 2237774566 阅读(34) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS</title> <!-- <style type="text/css"> p{ color: red; font-size: 30px; } </style> --> <l 阅读全文
posted @ 2021-06-29 15:30 2237774566 阅读(26) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>练习</title> </head> <body> <!-- center标签中的内容会默认在页面居中 --> <center> <a href="#nn" >底部</a> <!- 阅读全文
posted @ 2021-06-29 11:58 2237774566 阅读(44) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>内联框架</title> </head> <body> <!-- 会死用内联框架可以引入一个外部网页 使用iframe创建一个内联框架 属性:src:指向外部页面路径,可以使用相对 阅读全文
posted @ 2021-06-29 10:41 2237774566 阅读(30) 评论(0) 推荐(0)