CSS案例

最新推荐文章于 2020-11-25 09:52:39 发布

Ao622

最新推荐文章于 2020-11-25 09:52:39 发布

阅读量229

点赞数

文章标签： css

本文链接：https://blog.csdn.net/ho622/article/details/105145499

版权

这是一份全面的CSS学习指南，涵盖从基础语法到复杂选择器、伪选择器和伪元素选择器的实践案例。通过7天的学习，你将深入理解CSS的运用，提升网页样式设计能力。

摘要由CSDN通过智能技术生成

DAY1

案例1 01.CSS的语法.html

<!DOCTYPE html>
<html>
<head>
	<meta charset ="utf-8">
	<title>Doucment</title>
	<style>
 		 p{
    
   			color:red;
  			}
  		h2{
    
   			color:blue;
  			}
 	</style>
</head>
	<p>CSS从入门到精通</p >
 	<h2>主讲：hector</h2>
<body>
</body>
</html>

案例2 02.CSS应用样式.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	/* 1.内部样式 */
		p{
    
			color:red;
		}
	</style>
	<!-- 外部样式  link标签链接样式文件 -->
	 <link rel="stylesheet" type="text/css" href="hello.css"> 
	 <!-- 外部样式 @import导入样式文件 -->
	<style>
		@import "hello.css"； 
		/* @import url(style/hello.css); */
	</style>
</head>
<body>
	<p>welcome to css!</p>
	<p>欢迎来到css课堂！</p>
	<!-- 2.行内样式 -->
	<h2 style="color:blue">WEB前端工程师</h2>
	<h2>JAVA开发工程师</h2>

	<div>嘿嘿</div>
	<div>哈哈</div>
	
</body>
</html>

案例3 03.CSS基础选择器.html

<!DOCTYPE html>

最低0.47元/天解锁文章

Ao622

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS案例

DAY1案例1 01.CSS的语法.html<!DOCTYPE html><html><head> <meta charset ="utf-8"> <title>Doucment</title> <style> p{ color:red; } h2{ ...
复制链接

扫一扫