day2-作业



    
        
        
        
    
    
    

一、input标签

可以提交表单中收集的信息

action属性:设置提交信息的位置

method属性:提交方式--post /get

input标签(单标签)

1.是表单标签

2.type属性:text----普通的文本输入框

3.name属性:必须设置(a.用于提交信息)

4.value属性:标签内容

5.placeholder属性:占位符(提示信息)

6.maxlength属性:输入框最多能输入的字符数

7.readonly属性:readonly---只读(不能输入内容)

type类型

1.type="text"--普通文本框

2.type="password"--密码输入框

3.type="radio"--单选按钮

a.name属性:同一类型对应上文name值必须一样

b.value属性:设置选中按钮提交的值

c.checked属性:设置为checked,让按钮默认处于选中状态

4.type="checkbox"--多选按钮

5.type="button"--普通按钮

isabled属性:disabled--让按钮不能被点击

6.type="reset"--重置按钮

让将当前所在的form中的所有表单相关标签对应的值,回到最初的状态

7.type="submit"--提交按钮

二、下拉和多行文本域

fildset: 一个fildset标签对应一个表单分组 legend标签:设置分组名

多行文本域(多行文本输入框)

rows设置行 cols设置列

三、空白标签

html中的标签分为两大类

块级标签:一行只能有一个(不管标签的宽度是多少)

h1-h6、p、hr、列表都是、table、form

行内标签:一行可以有多个

a、img、input、下拉列表(select)、多行输入框(textarea)

div标签,是空白标签,没有任何特殊的意义(无语义标签)

四、认识css

1.什么是CSS:

CSS是web标准中的表现标准,用来设置网页上的标签的样式(长什么样,在哪儿)

CSS代码或者是CSS文件,我们叫样式表

目前我们使用的是CSS3。

2.写在哪儿

内联样式表:将css代码写在标签的style属性中

内部样式表:写在head标签中的style标签的内容中

外部样式表:写在一个css文件中,通过head中的link标签来关联

优先级:内联的优先级最高;内部和外部没有绝对的优先,主要是看同一个属性谁最后赋值谁就有效

3.怎么写(css语法)

选择器(属性:属性值;属性:属性值;

选择器:用来选中需要设置样式的标签

属性:css属性(css2中属性有两百多个)

属性值:如果属性值是数字,如果表示大小,要在后面加一个px

注意:每个属性之间要用分号隔开,否则属性无效

)

补充属性:color-设置字体颜色 background-color--设置背景颜色 width-标签宽度 height--标签高度

-->

五、css选择器

0.元素选择器(标签选择器):标签名

选中当前所有的标签名对应的标签

1.id选择器:#id属性值

每个标签都有一个id属性,整个html中id的值必须唯一

补充:css中的颜色值:

a.颜色英语单词

b.十六进制颜色 0-255--00-ff(#ff0000-红色)

c.rgb值:rgb(红,绿,蓝) rgba(红,绿,蓝,透明度) -透明度0-1

2.class选择器: .class属性值 每个标签都有一个class属性

3.通配符:* 选中所有的标签

4.层级选择器:选择器1 选择器2...

5.群组选择器: 选择器1,选择器2...

六、伪类选择器

伪类选择器: 选择器:状态

:link--超链接的初始状态;--- 一次都没有访问成功的时候的状态

:visited--超链接访问后的状态--- 已经访问成功的状态

:hover--鼠标悬停在标签上的时候对应的状态

:active--鼠标按住的状态

给同一个标签通过伪类选择器给不同状态设置不同的样式的时候,要遵守爱恨原则(线要爱才有恨)

LoVe HAte

回到顶部

你可能感兴趣的:(day2-作业)