HTML和CSS的复习总结

HTML(Hypertext Markup Language)超文本标记语言;其核心就是各种标记!
<html> HTML页面中的所有内容,都在该标签之内;它主要含<head>和<body>两部分。
<head> 头部;它通常包含抬头<title>,基本信息<meta>(内容类型content,字符集charset)等。
<body> 主体;它通常包含标题<hn>,排版<br><hr>,文字<font>,段落<p>,预定格式<pre>,注释<!-->等。
<hn>Head Number;;<br>=Break;<hr>=Horizontal line;<p>=Paragraph;<pre>=Predetermine;
<li>列表(List);<ol>有序列表(Ordered List);<ul>无序列表(Unordered List);
<dl>自定义列表(Definition List),<dt>自定义条目(Term);<dd>自定义描述(Description);
<img>图片(Image)或视频;<bgsound>背景(backgroud)声音;
<a href>锚的超链接地址(Anchor Hyperlink Reference);
<table>表格,<th>表格标题(Head),<tr>表格行(Row),<td>表格内容(Description);
<form>表单,<input>单行输入区,<textarea>多行输入区,<select>选项菜单,<option>选项;
<frameset>框架集合,<frame>框架,<noframe>不支持框架时的显示内容。

CSS(Cascading Style Sheets)级联样式表;其核心就是各种样式的定义与使用!
CSS的定义方式:
1、通过HTML标签定义,如:h1{color:blue; text-align:center};
2、使用id定义,如:#sample{font-size:60pt; font-family:宋体},<p id=sample>文本</p>;
3、使用class定义,如:.text{color:red},<p class="text">文本</p>;
CSS在HTML使用的方法:
1、嵌入式,如:<p style="color:red; font-size:10pt">嵌入式样式表</p>;
2、内联式,如:在<head>中添加<style>标签,然后在<body>中使用它;
3、外联式,如:有单独的*.css文件,在<head>中引入,在主体中使用。
CSS的优先级:嵌入式>内联式>外联式。
CSS的属性:字体,颜色,背景,文本,分级,鼠标等。

HTML和CSS的复习总结

HTML和CSS的复习总结

时间: 2024-10-07 04:37:29

HTML和CSS的复习总结的相关文章

CSS综合复习(三)

1.  三种定位机制:普通流,浮动,绝对定位 2.  行框:由一行形成的水平框,称为行框 3.  position(定位) stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认):即没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). relative:元素框偏移某个距离.元素仍保持其未定位前的形状,它原本所占的空间仍保留:相对其原先的位置进行定位. abs

CSS综合复习(一)

1.  css(层叠样式表):样式的优先级按低到高依次为,1)浏览器缺省设置:2)外部样式表:3)内部样式表:4)内联样式表. 尽管默认有这样一个优先级顺序,但当先定义style(内部样式表)再引入文件后,引入文件的样式仍然会重写style中的样式. 2.  背景(background) 背景属性不能被继承 background-color:gray;/*背景图片的优先级大于颜色的优先级,即使将背景色指定放在背景图片的后面,仍然显示图片,而不是背景色*/ background-image:url

CSS基础复习

重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛! 样式分类 1.行内样式/行间样式 <p style="color:#F00; background:#CCC; font-size:12px;"></p> 虽然这种方法比较直接,在制作页面的时候需要为很多的标签设置style属性,所以会导致HTML页面不够纯净,文件

CSS综合复习笔记 01

1.1开发前的准备工作            1.配置开发环境(常用前端开发工具) (1)sublime (2)webstorm (3)vscode (4)hbuilder (5)atom 2.建立项目文件夹(为了将与项目相关的文件放在一起,便于管理和以后的维护) 包括与项目相关的一些文件 (1)主页或是首页(index.html.default.html) (2)css文件夹     (存放css文件) 公用样式css文件的常用命名: [1] base.css [2] global.css (

css细节复习笔记——浮动

CSS除了能够改变字体.背景和所有其他属性,还能够完成基本布局任务. div+css通过浮动和定位.盒子模型等技术应用,是最常用的布局方式. 定位的基本思想很简单,它允许定义元素框相对于其正常位置应该出现在哪里,或者相对于父元素,另一个元素甚至浏览器窗口本身的位置. 另一方面,css1提出浮动.浮动不完全是定位,不过,他当然也不是正常流布局. 浮动 声明<img src ="b5.jpg" align="right">会导致一个图像浮动到右边,而允许其他

css细节复习笔记——基本视觉格式化

css包含如此开放.如此强大的一个模型,对于这样一个模型,可以有无数种方法结合应用各种属性,可以得到的效果数不胜数. 基本框 css假定每个元素都会生成一个或多个矩形框,这称为元素框.各元素中心有一个内容区,这个内容区周围包含可选的内外边距和边框(之所以认为是可选,是因为可以设置为0). 对不同类型的元素格式化时存在着差别.块级元素的处理就不同于行内元素,而浮动元素和定位元素也分别有各自不同的表现. 包含块 每个元素都相当于包含块摆放:可以这么说,包含块就是一个元素的”布局上下文“,css2.1

css细节复习笔记——结构与层叠

每个合法的文档都会生成一个结构树,有了结构树元素的祖先.属性兄弟元素等等创建选择器来选择元素,这是CSS继承的核心.继承是从一个元素向后代元素传递属性值所采用的机制.面向一个元素使用哪些值时,用户代理不仅要考虑继承,还要考虑特殊性,另外需要考虑声明本身的来源,这个过程就叫层叠. 本文讨论3种机制之间的关联:特殊性.继承和层叠. 特殊性 同一元素可以使用不同的方法来选择元素.但是每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附加到规则的个个声明.如果一个元素有两个或多个冲突的属性声明,那么

CSS知识复习(二):CSS的使用

一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类选择器 .link{} 属性选择器[type=radio]{} 伪类选择器 :hover{} ID选择器#id{} 组合选择器 [type=checkbox]+labei{} 否定选择器 :not(.link){} 通用选择器*{} 权重: ID选择器 #id{} +100 类 属性 伪类 +10

HTML+CSS专项复习01

1.onchange是表单内容改变时触发事件: onaclive事件是页面打开了,第二次或两次以上页面激活显示时触发: onload事件是页面第一次打开的时候触发,表示页面加载完执行的事件: onresize事件会在窗口或框架被调整大小时发生(BOM对象): 2.定义和用法 <hr> 标签在 HTML 页面中创建一条水平线. 水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分. 定义和用法 <br> 可插入一个简单的换行符. <br> 标签是空