html+css页码,HTML+CSS

HTML5元素分类块级元素

标题

有序列表

无序列表

定义列表

段落标签

预格式文本

大段引用

小段引用

划分区块

定义

音频

视频

表格

表单

添加一条直线

---

装载独立文章

定义文档章节

定义非正文内容

页眉

页脚

导航链接部分

为文档或 section 定义联系信息

制作更小字号的文本

下标文本

上标文本

内联元素标签类型代码书写

超链接

倾斜;

加粗;

缩写

跨越多个字符

获取用户输入

创建下拉列表

创建多行文本框

定义控件标注

内联块元素标签类型代码书写

图片

内联框架

CSS的背景:背景色:background-color

背景图像:background-image

重复背景background-repeat

背景定位:background-position

背景关联:background-attachment

CSS文本属性:文本颜色:color

文本方向:direction

行高:line-height

字符间距:letter-spacing

对齐元素中的文本:text-align

向文本添加修饰:text-decoration

缩进中文文本:text-indent

控制元素中的文本:text-transform

空白处理方式:white-space

子间距:word-space

CSS字体定义文本字体:font-family

字体风格:font-style

字体变形;font-variant

字体加粗:font-weight

字体大小:font-size

CSS链接(出现顺序)

a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻

widht

height

padding:盒子模型得内边距padding 上 右 下 左

padding 上下 右左

padding 上 左右 下

border:盒子边框得厚度border:厚度 类型(solid dashed none hidden) 颜色

marging:盒子外边距margin:aotu(自动居中同padding)

overflow:内容溢出部分不再显示overflow:scroll;显示滚动条

overflow:auto;根据内容自动控制是否显示滚动条,如果内容没有溢出则不显示滚动条

background-image:背景贴图url(路径);

默认是repeat方式:平铺贴图

no-repeat不平铺

repeat-x:x方向平铺

repeat-y:y方向平铺

background-position:设置贴图位置相对位置贴图:center,top,bottom,right,left...

绝对位置便宜贴图:background-position:-1px 0 ;

background-attachment:背景的附着方式scroll:背景图片跟着一起动

fixed:固定

border-radius圆角属性

display设置元素的显示方式inline:行内元素--可以设置宽高

inline-block:行内块,能够设置宽高

block:块元素,能够设置宽高(独占一行) ####text-align:实现盒子中的行内元素居中显示

cursor:设置鼠标指针样式pointer,小手

定位方式流定位(默认的定位方式):块元素从上到下依次显示,行内元素从左到右依次显示

浮动定位:float:left/rightright:向右浮动,首先脱离原本的位置,后面的元素顶上来,本身向右移动

left:向左浮动,文字始终不被遮挡

js的全局函数Functions编码和解码 encodeURI() decodeURI()