CSS学习笔记
CSSDemo
- CSS Demo1
- CSS Demo2
- Css Demo3
CSS Demo1
HTML
<html>
<head>
<title>这是网页的标题</title>
<link rel="stylesheet" type="text/css" href="css.css">
<style type="text/css">
.center{text-align:center; color:red}
</style>
</head>
<body>
<h1 class="center">这是网页现实的内容</h1>
<p class="center">hello world</p>
<p class="center">right demo</p>
<p class="center">center demo</p>
<a href="http://www.baidu.com">这是一个连接</a>
</body>
<html>
CSS
p {text-align:center;color:red}
h1,h2,h3,h4,h5,h6 {color:blue}
p.right{text-align:right}
p.center{text-align:center}
.center{text-align: center;color:blue}
#green{color:green}
CSS Demo2
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="lab1.css">
</head>
<body>
<h1>hello world</h1>
<h2>welcome to mark</h2>
<p>zhangsan lisi wangwu</p>
</body>
</html
CSS
body{background-color:red}
h1{font-size: 36pt}
h2{color: blue}
p{margin-left: 50px}
CSS Demo3
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="lab2.css">
</head>
<body>
<h1>hello world</h1>
<hr>
<p>welcome to mark</p>
<p><a href="http://www.google.com.hk">This is a link</a></p>
</body>
</html>
CSS
body {background-color: orange}
h1 {color:green; font-size: 20pt}
hr {color:red}
p {font-size: 11pt; margin-left: 15px}
a:link {color: green}
a:visited {color: yellow}
a:hover {color: black}
a:active {color: blue}
分享到：
相关推荐
css学习笔记学习笔记
在CSS学习过程中，了解并熟练掌握ID和Class的使用是非常基础且重要的。ID与Class都是CSS选择器，但它们有着不同的特性和应用场景。 ID选择器（#）的主要优点在于其高优先级，这意味着当需要为特定元素赋予特殊样式...
本人自己学习CSS过程中亲自总结的思维导图，结构清晰，重点突出，便于记牢
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
### HTML与CSS学习笔记 #### 一、基础知识概述 HTML（HyperText Markup Language）与CSS（Cascading Style Sheets）是构建网页的基础技术。通过学习HTML与CSS，我们可以创建结构化且美观的网页。 - **WWW (World ...
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点，包括HTML的基本结构、常用标签及其属性，以及CSS的核心概念如选择器、盒模型、...
前端三件套css学习笔记分享
### CSS学习笔记（手写版） #### CSS基础知识 **CSS**（Cascading Style Sheets，层叠样式表）是一种用于定义HTML文档外观的语言。它可以让网页具有更好的视觉表现力，同时使得HTML文档更加语义化。 1. **CSS选择...
本资源是一套详尽的HTML和CSS学习笔记，旨在帮助初学者搭建坚实的Web开发基础。通过这份资料，学习者可以掌握HTML的基本标签和结构，如段落、标题、链接等，并了解如何使用CSS进行样式设计和布局控制。内容涵盖从...
在`CSS学习笔记-01.md`、`CSS学习笔记-02.md`和`CSS学习笔记-03.md`中，可能会深入讲解这些概念，包括更多选择器用法、布局技巧、CSS3特效和预处理器的使用，帮助读者逐步掌握这个强大的样式语言。