html基础第2天以及css基础_html第2天-优快云博客

本文链接：https://blog.youkuaiyun.com/stj1_/article/details/74502836

一、html表格常用属性

1.表格边框border

2.宽度width，高度height

3.空单元格empty-cells：show/hide默认是show

4.边框合并border-collapse：collapse

二、html表格元素

1.<form></form>1)action提交到的页面2）提交方式：method=get/post默认get3）区别
1.get在url地址栏拼接上提交的信息
2.提交方式不同，后端取值不同
3.post没有大小限制,get有大小限制
4.post更安全
5.以后推荐使用post

2.文本框<input type="text"/>
1）value 文本框输入的值
2）只读 readonly="readonly"
3）禁用 disabled="disabled"

3.普通按钮<input type="button" value=“登录”/>
4.重置按钮<input type="reset" value=“重置”/>
5.提交按钮<input type="submit" value=“提交”/>
6.密码框<input type="password"/>
7.单选按钮<input type="radio"name=
注意，使用单选按钮一般要使用name属性分为一组才可以单选
value用于向后端传递参数

8.多选按钮<input type="checkbox"/>

checked默认选中
9.上传文件file<input type="file"/>

10.下拉菜单<select><option>

11.隐藏域<input type=“hidden” name=value=

12.域分组<fieldset><legend>title</legend></fieldset>
13多行输入框<textarea></textarea>

三、css

1样式建立
1）内部样式
2）外部样式
1.先创建css文件
在html页面上引入
1.<link rel="stylesheet" type="text/css" href="main.css/>
2.import
<style> @import url("css/main.css"); </style>
注意：以后使用第一个
3）行内（内联）样式
在标签内部去写
<body style="color:red">
4）以后推荐使用外部样式
5）优先级：行内最高，内部/外部看书写顺序

2.语法

选择符{属性：属性值；属性：属性值；}

3css选择符

1）id选择器：#名称{样式}，使用id必须加#
2）class选择器：.名称{样式}

3）标签：body{样式}