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的复习总结的更多相关文章
- CSS面试复习(三):预处理器、工程化方案、三大框架中的CSS
一.预处理器 1.介绍 基于CSS的另一种语言.通过工具编译成CSS.添加了很多CSS不具备的特性.能提升CSS文件的组织 2.less嵌套 3 .sass嵌套 4. less变量 5.sass变量 ...
- CSS面试复习(二):CSS的使用
一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类 ...
- CSS面试复习(一):HTML强化
1. HTML常见元素和理解 head类 meta:字符集.base:路径. a[href,target] img[src,alt] table td[colspan,rowspan] form[ta ...
- css部分复习整理
CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素( ...
- css细节复习笔记——浮动
CSS除了能够改变字体.背景和所有其他属性,还能够完成基本布局任务. div+css通过浮动和定位.盒子模型等技术应用,是最常用的布局方式. 定位的基本思想很简单,它允许定义元素框相对于其正常位置应该 ...
- css细节复习笔记——基本视觉格式化
css包含如此开放.如此强大的一个模型,对于这样一个模型,可以有无数种方法结合应用各种属性,可以得到的效果数不胜数. 基本框 css假定每个元素都会生成一个或多个矩形框,这称为元素框.各元素中心有一个 ...
- css细节复习笔记——结构与层叠
每个合法的文档都会生成一个结构树,有了结构树元素的祖先.属性兄弟元素等等创建选择器来选择元素,这是CSS继承的核心.继承是从一个元素向后代元素传递属性值所采用的机制.面向一个元素使用哪些值时,用户代理 ...
- CSS基础复习
重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛! ...
- Java ee 之 html/css样式复习
内容: 1,html/css样式 2,模拟简书注册登陆页面 *重点: 1,width:auto;height:auto; 2,background-image:url(Q5.png);left top ...
随机推荐
- PHP 模拟 HTTP 基本认证(Basic Authentication)
当某个页面需要认证才能进行访问时,接到请求后服务器端会在响应头中发送一个 WWW-Authenticate 首部(用来标识认证安全域),语法为 WWW-Authenticate:Basic relam ...
- 被swoole坑哭的PHP程序员
被swoole坑哭的PHP程序员 2015-09-16 09:57 文帅营 博客园 字号:T | T 首先说一下对swoole的理解:披着PHP外衣的C程序.很多PHPer朋友看到swoole提供的强 ...
- sql server2008登录出错怎么整
我在登录的时候老是报同一个错误,如下图: 更正方法: 这样改了之后就可以了!
- windows 系统时钟
偶然发现了一个函数用以查询操作系统的时钟间隔: BOOL WINAPI GetSystemTimeAdjustment( _Out_ PDWORD lpTimeAdjustment, _Out_ PD ...
- RSA+DES动态加密
RSA可以用于加密,其加密强度很高,被人攻克的可能性极小.但是其加密速度很慢,如果对一段长数据进行加密是不现实的.因为无论加密还是解密都需要很长时间.所以通常是先用对称加密算法(DES, AES等)对 ...
- Spark会把数据都载入到内存么
转载自:https://www.iteblog.com/archives/1648 前言: 很多初学者其实对于Spark的编程模式还是RDD这个概念理解不到位,就会产生一些误解.比如,很多时候我们常常 ...
- HBASE数据模型&扩展和负载均衡理论
示例数据模型 HBase中扩展和负载均衡的基本单元成为region,region本质上是以行健排序的连续存储区间.如果region太大,系统会把它们 自动拆分,相反的,就是把多个region合并,以减 ...
- LeetCode Total Hamming Distance
原题链接在这里:https://leetcode.com/problems/total-hamming-distance/ 题目: The Hamming distance between two i ...
- 第一篇:白话tornado源码之一个脚本引发的血案
本系列博文计划: 1.剖析基于Python的Web框架Tornado的源码 2.为Python开发一个完善的MVC框架 首先将带着大家一起来剖析基于python编写的Web框架 tornado ,本着 ...
- RHEL6.5 换源
由于redhat的yum在线更新要收费,即没有注册的无法使用:将redhat的yum卸载.重装第三方源. 第三方源包括:网易,重庆大学,epel 等Author wood_man.2015.10.2 ...