千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到

1、图片 img src 图片的路径 width 宽 height 高 alt 错误提示 title 正确加载时的提示语句 border 图片的边框宽度 style="border-color: antiquewhite;" 修改边框的颜色 设置一个盒子 对盒子居中、再把图片放到盒子里 <div align="center"> < img src="" alt=""> </div> 2、有序列表 ol li 属性： type 修改编号的类型 数字、大小写英文 大小写罗马文 start 设置起始值 reversed=”reversed“ 倒序 3、无序列表 ul li type 修改编号的类型 空心圆circle 实心圆 disc 小方块square 4、自定义列表 dl dt dd 5、超链接 a href 要跳转的地址 target=“_blank” 打开一个新网页

表格 table 属性： border 边框线 0 无 1 有 bordercolor 边框颜色 bgcolor 背景颜色 background 背景图片 width 宽 height 高 align 表格位置 cellspacing 边框的间隙 cellpadding 内容和边框的间隙 行 tr bgcolor 背景颜色 align 内容居中 width height 单元格 td 纵向合并 rowspan 横向合并 colspan 背景图片 background bgcolor 背景颜色 width height

表单 form action 提交的地址 method 提交的方式 文本框 input placeholder 提示语句 type 定义文本框的类型 text 文本框 password 密码框 number 数字 单选框 radio 复选框 checkbox 下拉菜单 select option 文件域 file 文本域 textarea 日期 date 按钮 重置 reset提交submit 普通button-->

css --- 定义： 层叠样式表 一、作用： 1、规定html标签如何显示 2、样式存储在样式表中 3、外部引入css方式效率最高 4、外部样式存储在以.css结尾的文件 语法：属性：值; 属性：值;属性：值;属性：值; 二、引入方式： 行内式： style 直接在标签里引入style="属性：值; 属性：值;属性：值;属性：值;" 嵌入式： 1、在头部标签里引入style 2、在style写存在的html标签{ 属性：值; 属性：值;属性：值;属性：值; } 外部式： 步骤： 1、先创建一个以.css结尾的文件 2、存在的html标签{ 属性：值; 属性：值;属性：值;属性：值; } 3、在html文件中用link标签中的href属性引入css 4、使用css文件中定义的html标签 优先级 ---就近原则 行内>嵌入>外部 三、两个标签 div 盒子标签 主要用于页面的布局 块级元素 独占一行 span 行内元素 不会自动换行 没有具体的样式 随内容变化而变化 四、css属性 1、百分比单位 --- 标签嵌套时使用 根据占父类的百分比显示 2、px 像素单位 3、背景色： 1、最常见的 red yellow green blue purple 2、十六进制颜色 #ff000 3、rgb颜色 (255.0.0) 4、背景样式 1、背景颜色 background-color 2、背景图片 background-image 用法：background-image:url(图片的路径) 3、平铺方式 background-repeat 用法：background-repeat:平铺方式 四种： 1、平铺 2、不平铺 no-repeat 3、x轴 水平平铺 4、y轴 垂直平铺 4、图片的位置 background-position background-position:x轴坐标 y轴坐标; 两种写法： background-position:100px 100px; background-position:left/center/right top/center/bottom; 当只写left/right y轴默认是居中 当只写top/bottom x轴默认是居中 5、图片的滚动 background-attachment: 滚动方式; fixed 不会随着页面滚动 scroll 会随着页面滚动