摘要：
<style> /*默认的颜色*/ a{ text-decoration: none; color: #b1be7d; } /*鼠标悬浮的状态（只需要记住hover）*/ a.hover{ color: #be3bbd; font-size: 50px; } /*鼠标按住未释放的状态*/ a.act 阅读全文
posted @ 2022-02-07 16:20
微笑阿凡达
阅读(30)
评论(0)
推荐(0)
摘要：
1.颜色 color rgb rgba 2.文本对齐的方式 text-align = center 3.首行缩进 text-indent:2em 4.行高 line-height :当行文字上下居中 line-height = height 5.装饰 text-decoration 6.文本图片水平 阅读全文
posted @ 2022-02-07 15:53
微笑阿凡达
阅读(19)
评论(0)
推荐(0)
摘要：
<style> /*ul的一个元素*/ ul li:first-child{ background: #3dbe4b; } /*ul的最后一个元素*/ ul li:last-child{ background: #2d4ebe; }</style> 阅读全文
posted @ 2022-02-07 12:12
微笑阿凡达
阅读(20)
评论(0)
推荐(0)
摘要：
/*后代选择器:在某个元素的后面*/ body p{ background: #77be64; } /*子选择器:一代 儿子*/body>p{ background: #be5155;} head：/*相邻兄弟选择器 同辈只有一个 相邻向下*/.active + p{ background: #5c 阅读全文
posted @ 2022-02-07 11:26
微笑阿凡达
阅读(23)
评论(0)
推荐(0)
摘要：
<!-- 标签选择器：会选择到页面上的所有的这个标签的元素--> <style> h1{ color: #4dbebe; } p{ font-size: 10px; } </style></head><body><h1>hello</h1><h1>hello</h1><p>world</p> <!- 阅读全文
posted @ 2022-02-07 10:25
微笑阿凡达
阅读(110)
评论(0)
推荐(0)
摘要：
行内样式： <!--行内样式--><h1 style="color: black">一级标题</h1> 内部样式： <!--内部样式--> <style> h1{ color: aliceblue; } </style> 外部样式：链接式：HTML HTML:<link rel="styleshee 阅读全文
posted @ 2022-02-07 09:51
微笑阿凡达
阅读(75)
评论(0)
推荐(0)
摘要：
css的优势： 1.内容和样式分离 2.网页结构表现统一，可以实现复用 3.样式十分的丰富 4.建议使用独立于HTML的CSS文件 5.利用SEO，容易被搜索引擎收录 阅读全文
posted @ 2022-02-07 09:26
微笑阿凡达
阅读(141)
评论(0)
推荐(0)
浙公网安备 33010602011771号