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学习笔记CSS学习笔记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 ...
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
css学习笔记学习笔记
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点，包括HTML的基本结构、常用标签及其属性，以及CSS的核心概念如选择器、盒模型、...
个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS？ CSS（Cascading Style Sheet）是一种样式表语言，用于...
### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**：层叠样式表（Cascading Style Sheets, CSS）是一种用于定义网页表现形式的语言，它使得开发者能够独立地管理和控制文档的内容与样式。 - **CSS...
【标题】"Metro UI CSS学习笔记Demo"是一个关于利用Metro UI CSS框架进行Web设计和开发的实践案例集合。这个框架灵感来源于Windows 8的Modern UI风格，为网页设计师提供了构建现代、简洁且互动性强的界面的可能性。...
本资源是一套详尽的HTML和CSS学习笔记，旨在帮助初学者搭建坚实的Web开发基础。通过这份资料，学习者可以掌握HTML的基本标签和结构，如段落、标题、链接等，并了解如何使用CSS进行样式设计和布局控制。内容涵盖从...
### 级联样式表CSS学习笔记 #### 一、设置CSS的几种方式 在网页设计与开发过程中，级联样式表（Cascading Style Sheets，简称CSS）是一种用来描述HTML文档外观和格式的语言。CSS提供了多种应用方式，以便开发者...
在CSS学习中，基础是非常关键的。以下是一些关于CSS简写、缩写和命名规范的重要知识点： 1. **简写和缩写**： - **颜色**：16进制颜色值可以进行缩写，例如`#ffffff`缩写为`#fff`，`#33dd66`缩写为`#3d6`。 - **...
"韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记" 本资源主要讲解了 DIV+CSS 的概念和应用， DIV 是 HTML 文档中用来提供结构和背景的元素，而 CSS 是一种用来表现 HTML 或 XML 等文件式样的...
这份“我的HTML+Css学习笔记”无疑是对于初学者来说极好的资源，它涵盖了从基础到进阶的重要概念。 HTML是网页内容的结构语言，通过一系列标签来定义网页的各个部分，如`<head>`、`<body>`、`<h1>`至`<h6>`的标题、...
在`CSS学习笔记-01.md`、`CSS学习笔记-02.md`和`CSS学习笔记-03.md`中，可能会深入讲解这些概念，包括更多选择器用法、布局技巧、CSS3特效和预处理器的使用，帮助读者逐步掌握这个强大的样式语言。
以上内容总结了DIV CSS学习笔记中的关键知识点，包括文档类型声明、CSS选择器、CSS引入方式、布局模型以及背景与边框设置。这些知识对于前端开发者来说至关重要，能够帮助他们创建结构良好、样式丰富的网页。