2021年1月
BFC
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .p1{ width: 100px; height: 30px; font-size: 20px; backgro 阅读全文
posted @ 2021-01-21 17:51 明坤 阅读(61) 评论(0) 推荐(0)
层级
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul{ list-style: none; width: 300px; height: 300px; backgr 阅读全文
posted @ 2021-01-21 17:46 明坤 阅读(171) 评论(0) 推荐(0)
display样式
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-01-21 17:44 明坤 阅读(161) 评论(0) 推荐(0)
隐藏元素的两种方式
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 300px; height: 300px; border: 1px solid red; 阅读全文
posted @ 2021-01-21 17:43 明坤 阅读(97) 评论(0) 推荐(0)
伪类选择器
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* :link 能找到定义了超链接且未被访问的a元素 */ a:link{ color: red; } /* : 阅读全文
posted @ 2021-01-21 17:39 明坤 阅读(52) 评论(0) 推荐(0)
块元素居中
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 300px; height: 300px; border: 2px solid red; 阅读全文
posted @ 2021-01-21 17:37 明坤 阅读(169) 评论(0) 推荐(0)
背景
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { height: 2000px; } .d1 阅读全文
posted @ 2021-01-21 17:28 明坤 阅读(105) 评论(0) 推荐(0)
定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .d1{ width: 200px; height: 20 阅读全文
posted @ 2021-01-21 17:21 明坤 阅读(72) 评论(0) 推荐(0)