一、HTML
1、html中类的命名规则:
定义一节或一部分区域:wrapper 容器:container 页头:header 页面主体:main 页尾:footer 导航:nav 主导航:mainnav 子导航:subnav
顶导航:topnav 边导航:sidenav 左导航:leftnav 右导航:rightnav 侧栏:sidebar 栏目:column 菜单:menu 子菜单:submenu 标题:title
摘要:summary 标志:logo 广告:banner 登录:login 登录条:loginbar 注册:register 搜索:search 标题:title 状态:status
按钮:btn 小技巧:tip 图标:icon 指南:guide 状态:status 版权:copyright 服务:service 热点:hot 新闻:news
下载:download 投票:vote 友情链接:link
2、html的一些标签(标签一般是以<>开始,</>结束)
基础标签:
<!DOCTYPE> 定义文档类型 <html>定义HTML文档 <title>定义文档的标题 <body>定义文档的主体
<h1>~<h6>定义HTML标题 <p>定义段落 <br>定义简单的折行 <hr>定义水平线
<!---...--->定义注释
格式:
<acronym>定义只取首字母的缩写 <abbr>定义缩写 <address>定义文档作者或拥有者的联系信息
<b>定义粗体文本 <big>定义大号文本 <blockquote>定义长的引用
<code>定义计算机代码文本 <em>定义强调文本(默认斜体) <q>定义短的引用
<strong>定义语气更为强烈的强调文本(默认粗体)
表单:
<form>定义供用户输入的HTML表单 <input>定义输入控件 <textarea>定义多行的文本输入控件
<button>定义按钮 <select>定义选择列表 <label>定义input元素的标注
<output>定义输出的一些类型
图像:<img>定义图像
音频、视频:
<audio>定义声音内容 <source>定义媒介源 <video>定义视频
链接:
<link>定义文档与外部资源的关系
列表:
<ul>定义无序列表 <ol>定义无序列表 <li>定义列表的项目
表格:
<table>定义表格 <caption>定义表格标题 <th>定义表格中的表头单元
<tr>定义表格中的行 <td>定义表格中的单元 <thead>定义表格中的表头内容
<tbody>定义表格中的主体内容 <tfoot>定义表格中的表注内容
样式/节:
<style>定义文档的样式信息 <div>定义文档中的节 <span>定义文档中的节
月考核复习:
HTML的定义:超文本标记语言。
盒子模型包括哪几个部分:content margin padding border
块级元素和内联元素的区别:
u 块级元素总是从新行开始占据一整行;内联元素总是与其他元素在同一行上。
u 块级元素的宽度与浏览器一样宽,与内容无关;内联元素只与宽度只与内容宽度有关。
u 块级元素还能容纳其他块级元素和内联元素;内联元素只能容纳文本和其他内联元素。
src和href的区别:
u Src是指向物件的来源地址,是引入,在img、script等元素上使用;
u href是超文本引用,指向需要联结的地方。
id选择器和class选择器的区别:
u 在一个html文档中,id选择器只能使用一次而且仅一次,class选择器可以多次使用;
a[href][title]的含义:同时将具有href和title属性的html超链接文本设置为红色。
将背景图片固定在一个页面不会重叠并且不会随着滚动条的滚动而滚动的css代码:
{
background-image:url();
background-size:cover;//相对于image
background-repeat:no-repeat;
background-attachment:fixed;
}
在head中加入<meta charset="utf-8">以此使得网页可以显示中文,记!
绝对定位和相对定位的区别:
绝对定位(absolute):相当于自己向父级元素查找出的第一个带有position属性的元素进行偏移,并且脱离文档流,原来在文档流中所占用的位置不保留。
相对定位(relative):相对于自己在文档流中的位置进行偏移,并且原来在文档流中占有的位置得以保留。