HTML网页部分(一)

一:css样式表有哪几种？

内联样式表：内联样式表是混合在HTML标签里使用的

内部样式表：内部样式表是放置在<head>标签内的，并且以<style type="text/css"></style>来定义的

外部样式表：外部样式表是以个独立的文件，文件里定义了各种各样的样式规定，方便被多个HTML文件使用，导入外部样式表有两种方法：

(1) 在页面中使用

<link  rel="stylesheet" href="style.css" type="text/css"/>

标签来链接到外部样式表

(2)在页面中使用@import方法导入外部样式表

二:选择器分类

1.标签选择器

语法:标签名{属性名1:值1;属性名2:值2;}

2.类选择器

语法: .类名{属性名1:值1；属性名2:值2;}

使用方法:<标记class="类名">

3.id选择器

#id标识名{属性名1:值1;属性名2:值2;}

使用方法:<标记id="id标识名">

说了这么多选择器，我相信大家一定还一头雾水，下面我们就来实践操作一下

<body>
        //引入css文件
		<link rel="stylesheet" type="text/css" href="css/text.css" />
            //class 为类选择器   id为id选择器
		<h1 class="c1" id="i1">实践操作</h1>

	</body>

##标签选择器
h1{
	color: red;
}
##类选择器
.c1{
	color: yellow;
}
## id选择器
#i1{
	color: gray;
}

三种选择器同时使用会优先id选择器。

三:input标签的所有type

类型有:text文本框，password密码框，radio单选按钮，checkbox复选框，button普通按钮，Submit提交按钮，reset重置按钮

image图片按钮，file文件域，hidden隐藏域

小蜜蜂