JavaWeb课程系列

1. HTML中最重要的元素DIV和SPAN

1)Div是html中最灵活最重要的元素,div就像一个小箱子,里面可以装很多内容。他是块级元素,他会占用网页的一行。Div可以通过调整自己的样式来完成网页的复杂布局,

2)span是内联元素,只会占用自身的大小,主要用来为选中文字设置样式。并没有什么实际意义

2. HTML中的转义字符

2.1 空格

 

2.2 <

<

2.3 >

>

第2章  CSS

1.css简介

  CSS 指层叠样式表 (Cascading Style Sheets)。主要用来设置网页中元素的样式。如边框,颜色,位置等…

  CSS即可以现在HTML中,也可以写在元素的style属性里面,还可以写在.css外部文件里然后引入到页面

2. 基本语法

2.1语法规范

2.1.1写在外部文件或者html头标签里的时候。

选择器 {

样式名:样式值;

样式名:样式值;

…………

}

2.1.2写在元素的style属性里面的时候。“样式名:样式值;样式名:样式值;……”

<p style=”color:red;font-size:16px;”>你好呀!</p>

2.2编写位置

 2.2.1内部

标签的style属性中:

<p style="color: red ; font-size: 12px">落霞与孤鹜齐飞</p>

写到html头的style标签中

<style type="text/css">

p {

color: blue;

background-color: yellow;

}

</style>

2.2.2外部

写在外部的css文件中,然后通过link标签引入外部的css文件

<link rel="stylesheet" type="text/css" href="style.css" />

3.选择器

3.1标签选择器

按照标签名选中相应的元素。

p {

color:red;

}

3.2 Id选择器

按照元素的id选中相应的元素,使用#id值

<p id=”abc”>大家好</p>

#abc {

color:red;

}