HTML CSS知识点
时间:2016年04月15日 人气:...

一、 文本标签

1、 强调加粗<strong></strong>

2、 标题标签(加粗、独立行)<hn></hn>

3、 删除线<del></del>

、 格式化标签

1、 换行<br/>

2、 换段<p></p>

三、

1、无序列表<ul></ul>

2、列表项<li></li>

四、超级链接

1、定义锚点 (name=a1<a name=a1>123</a>

2、使用锚点<a href=#a1>123</a>

五、图片标签

1、属性:<img/>

1)图片名及URL地址src

2)图片加载失败时的提示信息alt

3)文字提示属性title

4)边框粗细border

六、表格属性

1、表格标签<table></table>

2、行标签<tr></tr>

3、列头标签<th></th>

4、列标签<td></td>

七、form表单

1action属性的作用:提交的目标地址(URL

2method属性的作用:提交方式(get(默认)post

GET:URL地址栏可见,长度受限制(IE:2K;火狐8K),相对不安全

POST:URL地址不可见,长度不受限制,相对安全。

3、写出一个登陆页面(用户名、密码、登陆)

<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8/>

<title>登陆</title>

</head>

<body>

<h2>登陆</h2>
 <form action=./1.php method=post>

用户名:<input type=text name=uname/>

密  码:<input type=password name=pass/>

<input type=submit value=登陆/>

</form>

</body>

</html>

4selected属性的作用:默认下拉指定项

5disabled属性的作用:是否禁用

6<input>标签有哪些属性(最少五个)说明其作用

Type:表示表单项的类型

Name:表单项名,用于储存内容值的

Value:输入的值(默认指定的值)

Disabled:禁用属性

Checked:对选择框指定默认选项

八、什么是HTML?

超文本标记语言

九、HTML注释:

<! 注释内容 -->

CSS

一、 什么是CSS?有什么作用?

层叠样式表 控制网页的样式与布局

二、 CSS注释

           /*  注释内容  */

三、 状态伪类选择器

1、 设置元素在其鼠标悬停时的样式  *hover

2、 设置元素在其获取焦点时的样式  *:focus

四、 字体属性:

1*font-size:20px; 字体大小:20px

 

2*font-family:字体:宋体,Arial

 

3font-styleitalic;字体风格:斜体;  

 

4*font-weightbold;字体加粗

 

五、 文本属性:

 

(1)*text-align:left; 文本的位置:左;

 

(2)*text-align:rifht; 文本的位置:右;

 

(3)*text-align:center; 文本的位置:居中;

 

(4)*text-decoration: none;字体画线:标准文本

 

   (5text-decoration:underline;修饰文本:下画线

 

(6)*text-shadow:10px 10px 0px blue; 文本的文字是否有阴影及模糊效果

 

(7)*letter-spacing:10px; 文字或字母的间距 10px

 

(8)*line-height10px;行高 10px

 

(9)*text-indent:2px;文本首行缩进 2px

 

(10)*overflow:hidden;隐藏多余出来的内容

 

(11)*word-break:break-all;文本自动换行

 

六、列表选项

 

(1)*list-style-type:none;清除列表项的标志

七、边框:

border:宽度 样式 颜色;

border-color;

border-style; 边框样式:solid实现,dotted点状线,dashed虚线

border-width:

border-left-color;

border-left-style;

border-left-width:

...

CSS3的样式

border-radius:圆角处理

box-shadow: 设置或检索对象阴影

八、 背景属性:background

*background-color: 背景颜色

*background-image: 背景图片

*background-repeat:是否重复,如何重复?(平铺)

*background-position:定位

background-attachment: 是否固定背景,

scroll:默认值。背景图像是随对象内容滚动

fixed:背景图像固定

css3的属性                

*background-size: 背景大小,如 background-size:100px 140px;



滚动条: 隐藏滚动条 overflow:hidden;

                 隐藏垂直滚动条 overflow-y:hidden;

                隐藏水平滚动条 overflow-x:hidden;                

绝对定位:  position:absolute

相对定位:position:relative

热门评论