html基础文本,html基础（完整范文）.pdf

html 基础

1 选择器

a)派生选择器 根据元素上下文关系来定义选择器

b)ID 选择器 id

c)类选择器 class

d)属性选择器

2.css 盒子模型

1)内边距属性

padding 设置所有边距

padding-bottom 底边距

padding-left 左边距

第 1 页第 1 页

html 基础

padding-right 右边距

padding-top 上边距

2)边框

css3 边框 border-radius:圆 边框

box-shadow:边框阴影

border-image:边框图片

border-style

border-top-style

...

3)外边距

margin

margin-bottom

margin-left

margin-right

margin-top

4)外边距合并 遵循边距大的

第 2 页第 2 页

html 基础

div 居中 margin:0px auto

/*上下为 0 左右居中自动适应*/

3.CSS 定位

i)定位机制

普通流：元素按照其在 HTML 中的位置顺序决定排布的过程

浮动

绝对布局

第 3 页第 3 页

html 基础

position static 静态 偏移量不起作用

relative 相对

absolute 绝对布局

fixed 固定 滚动不改变位置

4.css 常用操作

a)对其方式

margin 进行水平对齐

position 左右对齐

第 4 页第 4 页

html 基础

float 浮动对齐

b)导航栏制作

ul{list-style-type:none;} 是否显示列表标识符

a:link,a:visited{

text-decoration:none;

}

li{display:inline;} 横向导航栏

img{

opacity:0.5; /*半透明 1 为不透明 0 为透明*/

}

第 5 页第 5 页