css
- CSS 指层叠样式表 (Cascading Style Sheets)
- 样式定义如何显示 HTML 元素
- 样式通常存储在样式表中
- 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
- 外部样式表可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一
Css例子
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
H1{color:blue;front-size:12px}
Color是属性 blue是值 front-size是属性 12px是值
id 和 class 选择器
如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
Css样式表
Css样式表有三种
外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style)
外部样式表：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。
内部样式表：当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势，。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。
才
Css内容：css背景 css文本 css字体 css链接 css 列表样式 css盒子 css表格
css边框轮 css轮廓属性 css外边距 css填充 css分组和嵌套 css尺寸 css显示
css定位 css浮动 css对齐 css伪元素 css导航栏 css下拉菜单 css图像透明不透明
html
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML标签及文本内容
- HTML文档也叫做 web 页面
- <="" tag）到结束标签（end="" 元素指的是从开始标签（start="">
HTML 元素
|
开始标签 * |
元素内容 |
结束标签 * |
|
<p> |
这是一个段落 |
</p> |
|
<a href="default.htm"> |
这是一个链接 |
</a> |
|
<br> |
换行 |
- *开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。
HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
HTML 文档实例:
<!DOCTYPE html>
< html>
< body>
< p>这是第一个段落。</p>
< /body>
< /html>
<p> 元素:
<p>这是第一个段落。</p>
这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: 这是第一个段落。
<body> 元素:
<body>
< p>这是第一个段落。</p>
< /body>
<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素（p 元素）。
<html> 元素：
<html>
< body>
< p>这是第一个段落。</p>
< /body>
< /html>
<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>.
元素内容是另一个 HTML 元素（body 元素）。
HTML 属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现，比如：name="value"。
- 下面列出了适用于大多数 HTML 元素的属性：
|
属性 |
描述 |
|
class |
为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
|
id |
定义元素的唯一id |
|
style |
规定元素的行内样式（inline style） |
|
title |
描述了元素的额外信息 (作为工具条使用) |
Html 内容：
Html 标题 html 段落 html文本格式化 html 链接 html头部 html css图像
html表格 html列表 html布局 html区块 html表单 html框架 html颜色
html颜色名 html颜色值 html脚本 html字符实体 html url html 速查列表
原文地址：https://www.cnblogs.com/zull123/p/10006650.html