Html: 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
Html语句写在后缀为xx.html文件中
Html中注释符为<!— -->
Html 标签不区分大小写,一般成对出现,以< >开头,</>结尾。
HTML 标记包含一些规定的"元素"如 <head>
,
<title>
,
<body>
,
<header>
,
<footer>
,
<article>
,
<section>
,
<p>
,
<div>
,
<span>
,
<img>
,
<aside>
,
<audio>
,
<canvas>
,
<datalist>
,
<details>
,
<embed>
,
<nav>
,
<output>
,
<progress>
,
<video>
等等。
独占一行的为块元素,不会独占一行的是行类元素
Html文件由元素嵌套而成.
其中常见的是<div> <p> <h> <ul> <img><hr>等
div>
<h1>
h1标签
</h1>
<p>
p标签
</p>
</div>
在标签中可以设置属性 如:
<h1> <font color=”red ”> 文字</font> </h1>
Html书写中 多个空格会自动被浏览器解析为一个空格。
可以使用转义字符  。
Css:
Css有三种编写位置
- 内联样式:在标签内部通过style属性来设置元素的样式
- 内部样式表: 将样式写在head标签里的style标签里
- 外部样式表: 编写一个.css文件,通过link 与html文件联系。
Css基本语法:
选择器 声名块
选择器,通过选择器可以选中页面中的指定元素.
声名块,通过声名块来指定原素设置的样式。 一个样式名对应一个样式值。
常用选择器:
元素选择器:通过标签来指定元素 标签名{}
div{
width: 200px;
height: 200px;
}
Id选择器:根据元素的id属性值选中一个元素。 #id属性值{}
#a1{
color: red;
}
类选择器:class 与id类似,但可重复 .class属性值{}
.p1{
font-size: large;
}
伪元素: 表示页面中一些特殊的并不真实存在的选择器(特殊位置)
伪元素使用: ::开头
::first-letter 表示第一个字母 ::selection 表示选中的内容
::before 元素的开始 :: after 元素的结束 before 和 after 必须结合 content 来看
Rgb参数:通过 红色、绿色、蓝色 的数值来表示所有颜色,每一种颜色的范围都在0 -255之间
语法:rgb( , , )
Rgba:在rgb的基础上增加一个参数表示不透明度 值在 1- 0之间。
盒模型:(box model)
Css将页面所有元素设计为矩形盒子。
每一个盒子都包括以下部分:
Content(内容区): 大小由 width 和 height 两个属性来设置
Padding(内边距): padding-top等属性
Border(边框): border-width border-color border-style 等属性
Margin(外边距) 同上