Html5+Css3第一讲：html5+Css3基础（1）

第一讲：html5+Css3基础（1）

一.预习笔记

1.段落标签 p

属性：align–设置文本对齐方式

样式：text-align–设置文本对齐方式

2.超链接标签 a

属性1：href–点击超链接打开的页面地址

属性2：target–指定在哪个位置显示页面，常用的属性值是_blank（新开一个窗口），#id名(在同一个页面的某一个id元素上显示),#(空链接)

样式1：text-decoration–设置文本的下划线的位置，常用的属性值是underline,line-through,none,overline

样式2：字体样式(文字大小，字体颜色，字符间距)

样式3：伪类选择器–a:hover,a:active…

3.图像标签 img

属性1：src–指定要显示的图片的位置(相对路径，绝对路径)

属性2：title–鼠标放上去，显示的提示文本

属性3：alt–当图片显示不出来时，显示的提示文本信息

样式1：宽，高(width，height)

4.表单标签(form,input)

属性1：action–表单提交数据的地址

属性2：method–表单提交数据的方法(get,post)

属性3：type–确定input标签的呈现形式，属性值有text,password,radio,checkbox,submit,reset,button…

属性4：name–常用作用1：给radio单选按钮分组，实现单选效果。常用作用2：提供JS获取数据。常用作用3：前后端传递数据时，也会用到。

属性5：placeholder–提示信息，一般用于账号与密码框的提示

属性6：value–input标签对应的实际数据，如果是按钮，那也可以是设置显示的值

属性7：disabled–禁用属性(灰色状态)

属性8：checked–选中状态

属性9：hidden–设置隐藏

属性10：readonly–只读权限

属性11：required–必填属性

5.按钮标签 button

样式1：文字样式(文字大小，字体颜色，字符间距)

样式2：形状(border，border-radius)

6.下拉列表标签 select+option（属性value）

7.盒子标签 div

属性1：id–标识div身份的标识符，不能重复

属性2：class–标识div身份的标识符，可以重复，可以多个

样式1：宽，高(宽高计算)

样式2：margin–外边距（注意取值）

样式3：padding–内边距

样式4：border–边框线

样式5：border-radius–圆角边框

二.课堂笔记

三.课后回顾

–行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧