8.22——Form、div、CSS

来源：互联网发布：linux服务器配置怎么看编辑：程序博客网时间：2024/06/05 17:53

Form表单元素

属性：action method提交方式（get、post） enctype name表单名称

表单控件：

·input：<input />

属性：type：

文本框(text)、复选框（checkbox）、单选框（radio）提交按钮(submit)表单数据传到服务器其他程序处理、按钮（button）执行客户端脚本、重置（reset）、隐藏域（hidden）文件选择框（file）

【新增】邮箱（email）、地址（url）、数值（number）、日期{time（时间）、month（年月）、date（年月日）datetime-local（年月日时间）。。。）}搜索域（可以修改search）

value数据值、

name、

disabled、

readonly只读

·textarer：文本域

·select:下拉框

</select>

div（容器）

可定义文档中分区或节、div标签可以把文档分割成独立的、不同的部分、块级元素、与css进行搭配、

HTML5新增标签：

header----------------->头部

footer------------------>底部

nav--------------------->导航栏

article------------------>定义页面独立的内容区域

aside------------------->定义页面的侧边栏内容

样式、属性：weight、height、background（颜色）

css层叠样式表

注释：Ctrl+？---------------->/**/

特征：继承性、层叠性、优先级（按照顺序）

1.CSS与HTML关系：

HTML构建网页结构

CSS构建HTML元素样式

HTML是页面的内容组成，css是页面表现

2.样式表引入：

（1）内联样式：

<body>

</body>

（2）内部样式表：

<head>

h1{

background-color: #00cc00;

color: #eee

}

</style>

</head>

<body>

<h1>内部样式表<h1>

</body>

（3）外部样式表：

建一个.css文件

<head>

</head>

3.选择器：

通配符选择权*：

元素选择器：html标签（继承性）

类选择器：.class 可以设置多个

ID选择器：#

关系：

ID>类>元素>*

4.字体：

font-size----------------------->大小

font-family-------------------->字体（黑体、宋体）

font-weight------------------->粗细100-900之间，默认700，整百递加递减

font-style---------------------->样式（斜体、正常）normal正常字体、italic斜体

font-variant------------------->小型大写字母

5.背景：background

background-color------------------>背景颜色

background-image----------------->背景图片

background-repeat----------------->背景图片是否重复、默认值repeat（repeat-x横向上平铺、repeat-y纵向上平铺、no-repeat不重复平铺）

background-size-------------------->背景图片大小

background-position--------------->背景定位

6.尺寸：

width------------------>宽度min-width max-width

height----------------->高度min-height max-height

7.单位：

%----------------->百分比

px----------------->像素

pt------------------>磅

1em---------------->当前字体尺寸

2em----------------->当前字体两倍大小

rem---------------->相对长度单位

8.透明度：

opacity------------->透明度、范围：0-1

9.文本：

text-decoration-------------->指定文字有无装饰（默认值none）

阅读全文

0 0