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的复习总结的更多相关文章

  1. CSS面试复习(三):预处理器、工程化方案、三大框架中的CSS

    一.预处理器 1.介绍 基于CSS的另一种语言.通过工具编译成CSS.添加了很多CSS不具备的特性.能提升CSS文件的组织 2.less嵌套 3 .sass嵌套 4. less变量 5.sass变量 ...

  2. CSS面试复习(二):CSS的使用

    一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类 ...

  3. CSS面试复习(一):HTML强化

    1. HTML常见元素和理解 head类 meta:字符集.base:路径. a[href,target] img[src,alt] table td[colspan,rowspan] form[ta ...

  4. css部分复习整理

    CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素( ...

  5. css细节复习笔记——浮动

    CSS除了能够改变字体.背景和所有其他属性,还能够完成基本布局任务. div+css通过浮动和定位.盒子模型等技术应用,是最常用的布局方式. 定位的基本思想很简单,它允许定义元素框相对于其正常位置应该 ...

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

    css包含如此开放.如此强大的一个模型,对于这样一个模型,可以有无数种方法结合应用各种属性,可以得到的效果数不胜数. 基本框 css假定每个元素都会生成一个或多个矩形框,这称为元素框.各元素中心有一个 ...

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

    每个合法的文档都会生成一个结构树,有了结构树元素的祖先.属性兄弟元素等等创建选择器来选择元素,这是CSS继承的核心.继承是从一个元素向后代元素传递属性值所采用的机制.面向一个元素使用哪些值时,用户代理 ...

  8. CSS基础复习

    重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛! ...

  9. Java ee 之 html/css样式复习

    内容: 1,html/css样式 2,模拟简书注册登陆页面 *重点: 1,width:auto;height:auto; 2,background-image:url(Q5.png);left top ...

随机推荐

  1. centos部署gitlab服务器

    gitlab的安装和配置非常简单,关于git,这里摘抄一下百度百科: Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目.Git是一个开源的分布式版本控制系统,可以有效. ...

  2. Sql 常见问题

    join on and vs join on where SELECT * FROM Orders LEFT JOIN OrderLines ON OrderLines.OrderID=Orders. ...

  3. centos6修改nameserver

    1.直接修改/etc/resolv.conf,重启网卡 #service network restart 后发现并没有修改掉 2.直接修改ifcfg-eth0文件 /etc/sysconfig/net ...

  4. IBM 3090 with Vector Facility

    COMPUTER OR GANIZATION AND ARCHITECTURE DESIGNING FOR PERFORMANCE NINTH EDITION

  5. EF部分字段更新,自动忽略null字段

    某个项目里的update代码是类似这样的 public T Update<T>(T entity) where T : ModelBase { var set = this.Set< ...

  6. iOS App Store上架新APP与更新APP版本

    iOS App Store上架新APP与更新APP版本 http://www.jianshu.com/p/9e8d1edca148

  7. ios10 safari 的坑!

    | 导语 ios10 的safari,又给前端开发者挖坑了..测试验证此问题只出现在ios10 safari中.想早点知道结论的,可以直接看最后一个结论~因为,解决过程不重要! 个人原创,未经允许,禁 ...

  8. CSS之viewport 1

    在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕. 这篇文章是关于桌面浏览器的,其唯一的目的就是为移动浏览器中 ...

  9. JMeter学习-037-JMeter调试工具之四-BeanShell+jmeter.log

    前面三篇文章分别讲述了 HTTP Mirror Server . Debug PostProcessor 和 Debug Samper 的脚本调试实例.此文主要讲述第四种调试方法,通过 BeanShe ...

  10. 推荐两款免费的优质云服务MongoLab和RedisLabs

    http://blog.didispace.com/liang-kuan-mian-fei-de-you-zhi-yun-fu-wu-mongolabhe-redislabs/ 由于最近想给白猫计划资 ...