html+css初步学习笔记（1）

1表示单个标签

2表示成对标签

第一天：

块标签--独占一行 相当于一个容器

<h1> <h2>..<h6>分6级大小的标题 2

<hr>水平线 1

<p>段落标签 2 其中可以盛放一些标签 

<br>换行 1

<dl> 定义列表标签

{

<dt> 定义item

<dd>描述 item

}

行标签--标签内容在同一行显示

<img>--图像标签 1

属性：

title--鼠标悬停文本

alt--不能正常显示，文字说明

align--图片后面文字的对齐方式 (是图片对于文字的方向)

<span> 标签被用来组合文档中的行内元素。

使用 <span> 来组合行内元素，以便通过样式来格式化它们。

<div> 盒子 网页可以看成一个一个的盒子组成 其中放各种标签

相关属性：

margin（外边距/边界）

border（边框） 取值：边框半径 实虚线(solid实线dashed虚线) 颜色 

padding（内边距/填充 ）

css样式：

对文字格式进行修改 在head标签里加入<style>2 -什么风格

<style type="text/css">
body{
font-family:"微软雅黑";}/*定义body中的字体*/
.sj2{
text-indent:2em;}/*创建一个类 首行缩进2字符*/

</style>

<style>

选择器

{ 

  属性： 属性值；

  属性： 属性值；

  属性： 属性值；

}

例如：

#div1{/*选择器 */
width:400px;
border:2px solid #3CC;/*设置边框大小 颜色等*/
border-radius:20px;/*设置边框圆角，内容为圆角半径*/
}

#div1 dl{/*复合选择器，设置选择器中的标签的属性*/
font-family:"微软雅黑";
font-size:18px;
line-height:25px;
}

#div1 dt{
text-align:center;/*文本的居中*/
font-size:2em;}

css的注释为/*xxxxxx*/

body中的注释为<!--xxxxxxx-->

script 中注释和java注释一样