CSS简介

1.CSS和HTML什么关系*
css层叠显示单 HTML控制文档内容。
css是HTML的显示特效。

2.HTML中嵌入CSS样式的三种方式*
内嵌式，把css嵌入到HTML标记中，对他所在标记有效。

03外部式

3.CSS中的id选择器，类选择器，标签选择器会用吗？*

标签选择器 如：div{};

4.会设计简单的边框样式吗，例如：实线、1像素、红色*

	    <thead bgcolor = #99ff33> 
			     <th>编号</th>
	             <th>姓名</th>
		         <th>年龄</th>
	  </thead>

5.设置元素的鼠标悬停效果:hover*

span:hover 给span标记的鼠标悬停状态指定一致显示效果,这种方式成为伪类选择符,伪类选择符中的类名都是固定的,例如:hover
font-size:24px; 控制文字的字体大小
color:#0000FF; 控制文字的颜色
text-decoration:underline; 给文字下面加上下划线
cursor:pointer ;控制鼠标变成小手的形状

6.display样式设置元素的显示或者隐藏*

display none 隐藏
block 显示

7.div的绝对定位和相对定位理解吗*

在box2中采用了绝对定位方式,也就是 position:absolute
在div1中采用了相对定位方式,也就是position:relative;

8.HTML基本标签：段落标签，标题字标签，换行，横线，这些都会吗*

标题字标签<th>
换行<br>
横线<hr>
段落标签<p>

9.HTML中的实体符号：空格，小于号，大于号。这些实体符号都会写吗*

&nbsp 表示一个空格

&lt 小于号
&gt大于号

10.能够独立的画出一个表格吗？*

姓 名	性 别	专 业
咚 咚	男	计算机
喃 喃	女	园 林

11.table tr th td thead tbody tfoot，这些标签都认识吗*

table表
tr 表的一行
th 标题字标签
td 表的一列

thead 表头
tbody表体
tfoot表尾

12.对于一个表格当中的单元格合并：rowspan colspan，会用吗*

 <tr><td  align = center colspan =3 >我们是认真的</td> </tr>
     <tr align = center rowspan =3 >我们是认真的  </tr>

13.会画超链接吗，超链接中的href属性和target属性都知道怎么用吗？*

href 超链接

target_bank新打开的页面 target是指向相同name属性的目标。

14.img标签可以在网页当中嵌入图片，其中img标签的src属性、width属性、height属性、alt属性、title属性，都知道它们的作用吗？*
src表示图片的元路径
width=“600”,控制图片的宽度;图片应该宽度和高度两个属性可以控制,但是我们只需要控制其中的一个属性
要么控制宽度,要么控制高度,这样浏览器会按照图片的原始比例,自动的控制另一个属性,保证图片比例不失真

15.对于一个图片元素来说，只需要设置宽度即可，当设置宽度的时候，高度会进行等比例缩放，这样图片就不会失真了*

知道

16.图片也可以作为超链接*

17.会画有序列表和无序列表吗？*

    无序列表： 

• 中国
• • 北京
  • 上海
  • 深圳
• 美国
• 印度

/* 有序列表*/

1. 中国
2. 1. 北京
   2. 上海
   3. 深圳
3. 美国
4. 印度

18.表单的作用是什么？*

在网页中我们使用表单来收集用户的数据,当用户填写表单完成之后,点击提交按钮,会把表单中的数据提交给服务器
具体来说是提交给服务器中的某个Java程序(Servlet或JSP).在Java程序中,我们需要获取到表单中提交来的数据,
然后执行JDBC操作,然后我们的Java程序给浏览器返回不同的页面
这样的话,浏览器和服务器之间就有了交互的功能

19.form标签的action属性用来设置请求路径，它和超链接的href属性相同。*

如：
<form action=“007-registOk.html” 暂时替代Java功能 jsp /servlet

20.input标签type属性的值可以设置为：text/password/radio/checkbox/hidden/file/button/submit/reset等，它们分别是什么*

注册新用户

---

   <!--
   <input type="text"> 表示一个单行文本输入框. 
   name="uname"是这个输入的名字,如果表单元素没有name属性,这个数据是不会被提交到服务器的
   value="请输入用户名" 在输入框中显示的提示信息;另外用户在输入框中输入的数据,就是该标记的value属性
   例如:用户在输入框中输入"张三" ,则该标记的value属性值就是"张三"
   标记中的value值如果是中文,在提交到服务器的时候,浏览器会自动对中文数据进行编码处理
   -->
   
   姓名 <input type="text" name="uname" value="请输入用户名">
   <br>
   <!--
   <input type="password" > 表示一个密码输入框,密码框中输入的数据会被加密显示
   用户输入的数据就是这个密码框的value属性
   -->
   密码 <input type="password" name="pwd">
   <br>
   确认密码 <input type="password" name="repw2d">
   <br>
   
   <!--
   <input type="radio"> 表示单选框,多个单选框的name属性必须要一样,才表示这是同一组数据
   checked:这是一个单属性,表示这个选项被默认的选中.也可以写成checked="checked"或checked="true" 或直接写成checked
   -->
   性别 <input type="radio" name="sex" value="nan" > 男
        <input type="radio" name="sex" value="nv" checked="true"> 女
	<br>
	<!--
	<input type="checkbox" >表示多选框,多个多选框的name属性必须要一样,才表示这是一组数据
	-->
	爱好 <input type="checkbox" name="aihao" value="yundong" checked="checked">运动
	     <input type="checkbox" name="aihao" value="dushu">读书
		 <input type="checkbox" name="aihao" value="lvyou">旅游
		 <input type="checkbox" name="aihao" value="gouw">购物
		 <input type="checkbox" name="aihao" value="meishi" checked="true">美食	
	<br>
	
	<!--
	 <select name="xueli"> 表示下拉列表框,实现单选功能
	 selected:这是一个单属性,表示这个选项被默认的选中,也可以写成 selected="true"或 selected="selected" 或 selected
	-->
	学历 <select name="xueli">
	         <option value="gaozhong">高中</option>
			 <option value="dazhuan">大专</option>
			 <option value="benke" selected>本科</option>
			 <option value="shuoshi">硕士</option>				 
	     </select>	
	<br>
	
	<!--
	<input type="file"> 文件上传框.在不同的浏览中,文件上传框的效果是不同的
	上传给服务器的是文件名称,然后服务根据文件名称来读取文件,写到服务器中
	-->
	上传照片 <input type="file" name="photo"> 	  
    <br>
	<!--
	<input type="hidden" > 隐藏文本域,用户是看不到这个输入框的,可以暗中向服务器发送数据
	-->
	 秋波 <input type="hidden" name="qiubo" value="qiutiandebocai">
	 <br> 
	 
	 <!--
	 <textarea> 表示多行文本输入框
	  cols="50" rows="5" 表示5行50列,也就是文本框的大小
	 -->
	 自我介绍 <textarea cols="50" rows="5" name="des">这家伙很懒,什么都没有留下</textarea>
	 
	 <br>
	 
	 <!--
	 <input type="submit"> 表示提交按钮;用户表单填写完成之后,点击提交按钮,表单数据会被提交给服务器
	 <input type="reset"> 表示重置按钮,用户表单数据填写错误,点击重置按钮,会将表单恢复到初始状态
	 -->
	 <input type="submit"  value="提交"> <input type="reset" value="重置">	      

21.当点击表单提交按钮的时候，会发送请求，发送请求的同时会提交表单上的数据，那么你知道表单数据以什么格式提交吗？*

get
post

22.radio、checkbox默认选中某项会吗*

女

爱好 <input type="checkbox" name="aihao" value="yundong" checked="checked">运动

23.下拉列表select默认选中某项会吗*
学历

<option value="benke" selected>本科</option>

24.设置textarea的行数和列数，以及文本域没有value属性，这些都知道吗*

自我介绍 这家伙很懒,什么都没有留下

25.readonly和disabled有什么区别*

disabled是一个属性，让一个页面或者按钮 失效，不能编辑
readonly,只读

readonly会被提交到服务器
disabled不会提交到服务器

26.form标签的method属性可以设置请求方式，例如get/post*

(1)get方式:表单中的填写的数据会被显示到地址栏中,数据的显示格式如下(这种格式必须要记住): url?uname=admin&pwd=111&reg=111

007-registOk.html?uname=%D5%C5%C8%FD&pwd=111&repwd=111&sex=nan&aihao=yundong&aihao=dushu&aihao=lvyou&xueli=benke&photo=BS%BD%E1%B9%B9%B8%C5%CA%F6.jpg&qiubo=qiutiandebocai&des=HelloWorld
使用get方式的时候表单中的数据有大小的限制;一般限制在1KB（255个字节）以下
(2)post方式:表单中的数据会用隐藏的形式提交给服务器,也就是不会显示在地址栏中
使用post方式,表单中的数据没有大小的限制

27.整个html文档可以看做一个dom树，树上有很多节点，大多数节点都有id属性，id在同一个html文档当中不能重复。后期我们通过某些编程语言可以对这棵树上的节点进行增删改查操作，这样html页面就会产生动态效果。*

理解

28.div和span他们是什么，有什么区别？*
在css中使用的
/

的异同点
都是图层标记，主要用于控制页面的布局

span标记演示: span标记中的文本内容

---

div标记演示:

div中的文字信息

他们都是HTML的标签。ID是标签属性
div现在一般网页的布局都使用div + class 来布局 div:是划分网页成一块块的。div1
div 2

span 是内联元素，用作文本的容器。
在框架的foot部显示效果，如bjpowernode2018版权所有。

29.会使用frameset frame吗？*
在一个浏览器下，frameset 嵌套切 切分多个窗口的形式。
，每个帧里面显示不同的网页就是 frame(帧)。

<frameset  rows="15%, *, 10%">   
	 <frame src = "dreamweaver1框架的使用head.html">
	    <frameset cols = "20% ,*">
             <frame  src ="dreamweaver1框架的使用menu.html"  >
			   <frame  src ="dreamweaver1框架的使用main.html" name = "main">
		</frameset>

	 <frame src = "dreamweaver1框架的使用foot1.html">

取代了Body位置编写代码 在html编程里面没有body了。

30.知道iframe是干什么的吗*

>标记用于在页面中显示一个内联网页,也就是把另一个网页嵌入到当前页面中 这段文件将用红色显示

---

text-decoration:underline; 文字修饰:在文字下面加上下划线
color:#0000CC; 控制文字的颜色为蓝色
cursor:pointer; 控制鼠标变成一只小手的形状

–>

这是一个段落标记,可以被CSS显示为超链接的效果

这就是一个段落标记

************************************************

搜狐视频

电影频道
电视剧频道
科教频道
纪录片频道
动漫频道
体育频道
购物频道

***********************************************************************

搜狐视频

电影频道
电视剧频道
科教频道
纪录片频道
动漫频道
体育频道
购物频道