3.24 知识和技术总结
01.html:
<title></title>(title标签显示窗口标题)
<body><body>(html页面的主体部分,可以在浏览器中显示效果!)
<html></html>(闭合标签)
02head头文件:
用来告诉浏览器解释该页面的编码:utf-8
03文本标签:
<h1></h1>标题标签,h1~h6 :显示的效果的字体的大小(从大到小)
<h2></h2>
<h3></h3>
...
<hr/>水平线标签
<p></p>段落标签
打锚点
<a name="list"></a>
段落缩进标签<blockquote>
上下标标签: sup和sub
数学公式: y = x^2 y = x<sup>2</sup> 化学公式:H2O 水 H<sub>2</sub>O
原样输出:<pre></pre>
字体标签:color属性指定字体颜色
size属性:指定字体大小
face属性:字体的类型(宋体,黑体/默认是宋体)
<font size="4" face="黑体">高圆圆</font>
粗体和斜体:
strong,em
列表标签:
A:有序列表ol默认的列表项前面的类型是数字 li
B:无序列表:ul li
ol有一个属性type
ul的type属性默认值是:disc 实心圆点
<div>块标签</div>
<span id="spanId">行内标签</span> <span>span标签</span>
04图像标签:
图像标签img
width:图片的宽度
有两种方式去设置:
1)指定固定大小px:像素 (根据的具体情况(具体需求))
2)百分比
src属性:连接到的图片的资源文件
title属性:当前鼠标悬浮1秒,会显示文字
alt:替代文本(当图片失效的时候,文本就会替代掉这个图片)
05超链接标签:
a标签
<a href="连接的资源文件或者地址URL" target="打开超链接的方式"></a>
06转义字符:
西部开源<sup>®</sup> 2007-2018 <sup>©</sup>
07表格标签:
<table></table>
table标签常用属性:
边框属性:border
align:表格对齐方式
tr:表示表格中的行标签
td:单元格标签(看成为列)
th:表头标签
表格的标题标签:caption
合并单元格:
行合并:rowspan
列合并:colspan
08表单标签:
<form action="#" method="post">
用户名:<input type="text" name="username"/><br />
密码:<input type="password" name="pwd" /><br />
<input type="submit" value="提交" />
</form>
3.25 知识和技术总结
01CSS选择器
标签选择器:div{}
id选择器:#div1{}
类选择器:.divCls{}
并集选择器:#div1,.divCls{}
交集选择器:#div1 span{}
通用选择器:*{}
02伪类选择器:
没有访问过的状态:link{}
鼠标访问过的状态:visited{}
鼠标激活状态:active{}
鼠标经过的状态:hover{}
03CSS文本:
文本颜色属性:color
line-height:行高
letter-spacing:字符间距
文本的对其方式:text-align
word-spacing:字间距:shu默认两个组成的叫单词:word-spacing
文本修饰: text-decoration
underline:下划线
none:没有下划线
overline:上划线
line-through:中划线
04css字体:
font:italic bold 36px "黑体" ;
05css背景:
background: #f00 url(img/mm.jpg) no-repeat top center;
06CSS列表:
list-style-type
07CSS表格:
border-collapse :collapse;将表格的边框合并为单一的框
08css边框:
border-color边框颜色
border-width边框的宽度
border-style:边框样式
一个div显示边框,使用boder的简写属性
border:1px solid #000 ;
width: 50px;
height: 50px;
09盒子模型:
div块标签+css进行网页布局
padding内边距
margin外边距
10display:
display:none此元素不会被显示 隐藏了
display: block此元素将显示为块级元素,此元素前后会带有换行符
display: inline默认。此元素会被显示为内联元素,元素前后没有换行符
11float属性:
float-left左浮动
float-right右浮动
clear: both;在当前两侧都不允许有浮动元素