html:表单基础、css基础

表单:

form,用户与server交互

get请求,将name与pwd放在URL中传给server,用于查询数据

post请求,用于操作server数据库中的数据

表单属性:

输入对象:input,账户登录时,提供的文本框

参数name:同样是表示的该文本输入框名称。

参数size:输入框的长度大小。

参数maxlength:输入框中允许输入字符的最大数。

参数value:输入框中的默认值

特殊参数readonly:表示该框中只能显示,不能添加修改。

输入对象:select,下拉的选择菜单

multiple:复选

selected:默认选择

输入对象:reset,重置

重置将要提交的输入对象。


css

基本语法

selector {

property: value;

property: value;

property: value

}


html:表单基础、css基础_第1张图片

导入:

嵌入式导入:
在head标签中添加css样式,通过select选择器选择要渲染的标签。


html:表单基础、css基础_第2张图片
嵌入式导入

外部导入:

在html文件外创建一个后缀名为css 的文件,在文件内写入要渲染的内容,

再在html文件head中导入css文件


html:表单基础、css基础_第3张图片
css文件中的内容
html:表单基础、css基础_第4张图片
html中导入css文件

选择器(selector):

基础选择器:

* :          通用元素选择器,匹配任何元素                    *{ margin:0; padding:0; }

E  :          标签选择器,匹配所有使用E标签的元素              p { color:green; }

组合选择器:

E,F    多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔

E F        后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔li a { font-weight:bold;

E> F      子元素选择器,匹配所有E元素的子元素F                            div > p { color:#f00; }

E + F       毗邻元素选择器,匹配所有紧随E元素之后的同级元素F                  div + p { color:#f00; }

你可能感兴趣的:(html:表单基础、css基础)