第一讲: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–必填属性

html5 css3网站设计基础教程源代码_css3

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–圆角边框

二.课堂笔记

三.课后回顾