2020年9月26日
CSS的布局定位1
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ width:200px; height:150px; border:2px solid purple; } #div51{ background-color:blue; 阅读全文
posted @ 2020-09-26 15:28 一玎 阅读(84) 评论(0) 推荐(0)
CSS的布局漂浮
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ width:200px; height:150px; border:2px solid purple; } #div41 { float: left; } #div42{ 阅读全文
posted @ 2020-09-26 15:25 一玎 阅读(169) 评论(0) 推荐(0)
CSS盒子模型3
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ border:2px solid blue; } #div32{ margin:20px; } #div33{ margin-left:30px; } </style> 阅读全文
posted @ 2020-09-26 15:23 一玎 阅读(90) 评论(0) 推荐(0)
CSS盒子模型2
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ width:200px; height:100px; border:2px solid blue; } #div22{ padding:20px; } #div23{ p 阅读全文
posted @ 2020-09-26 15:21 一玎 阅读(96) 评论(0) 推荐(0)
CSS盒子模型1
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ width:200px; height:100px; border:2px solid blue; } #div12{ border-right:2px dashed y 阅读全文
posted @ 2020-09-26 15:19 一玎 阅读(108) 评论(0) 推荐(0)
CSS扩展选择器2
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> /*原始状态*/ a:link { background-color:green; } /*悬停状态*/ a:hover { background-color:pink; } /* 阅读全文
posted @ 2020-09-26 15:18 一玎 阅读(118) 评论(0) 推荐(0)
CSS扩展选择器1
摘要： <html> <head> <title>css扩展选择器</title> <style> <!-- div p{ background-color:green; } --> div,p{ background-color:orange; } </style> </head> <body> <!-- 阅读全文
posted @ 2020-09-26 15:16 一玎 阅读(121) 评论(0) 推荐(0)
CSS基本选择器的优先级
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ background-color:yellow; } .first{ background-color:green; } #second{ background-colo 阅读全文
posted @ 2020-09-26 15:14 一玎 阅读(174) 评论(0) 推荐(0)
CSS的基本选择器
摘要： <html> <head> <title>HTML示例</title> <style type="text/css"> div{ background-color:red; } p{ background-color:orange; } /* i.first{ background-color:bl 阅读全文
posted @ 2020-09-26 15:12 一玎 阅读(100) 评论(0) 推荐(0)
CSS和HTML的结合方式4
摘要： <html> <head> <title>css和html的结合方式</title> <link rel="stylesheet" type="text/css" href="div.css"/> </head> <body> <div>杨家有女初长成，养在深闺人未识。</div> </body>< 阅读全文
posted @ 2020-09-26 15:11 一玎 阅读(84) 评论(0) 推荐(0)