div+css - 图文

div+css笔记

div+css初识:

初识div+css 一个小案例:

div+css

123 123 123 123

- 1 -

引入css文件

文件my.css: .style1{

width:300px; height: 200px;

margin: 50px 20px 0px 300px border: 1px solid red }

.style1 table{ width: 200px; height: 100px; border: 3px solid black }

.style1 table td{

border: 3px solid blue }

类选择器 高宽 位置 边框 父子选择器,定义了table的属性

用ide来做(myeclipse)

- 2 -

Java文件 Html、css、jsp等等的

一个案例:

栏目一

栏目二

栏目三

栏目四

栏目五

效果:

从中可以看到css的基本格式

<元素名 style=“属性1:属性值;属性2:属性值”>

使用css可以统一风格 Css有内外两种

- 3 -

MyHtml.html