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 ...
随机推荐
- Hibernate 二级缓存的配置及使用_EhCache
大多数的应用程序中都会添加缓存模块,以减少数据库访问次数,同时增加响应速度.下面介绍一下hibernate的二级缓存.默认情况下hibernate的二级缓存是不开启的,我们需要手动配置并启用. 注: ...
- 页面引入flash
function shFlashObj(id, data, oWidth, oHeight, flashvals,beFullScreen) { var swf='<object id=& ...
- Javascript,颜色渐变效果的处理
在搭建博主博客的时候,寻思着做一些效果,看到菜单,就想是不是可以做一下颜色的渐变,增加一点动态的感觉.有个jquery的插件,效果相当不错,不过博主还是打算自立更生写一下,看看能不能实现. 下面就是博 ...
- java 字符流与字节流互转
package test; import java.io.BufferedReader; import java.io.ByteArrayInputStream; import java.io.IOE ...
- 用php实现一个敏感词过滤功能
周末空余时间撸了一个敏感词过滤功能,下边记录下实现过程. 敏感词,一方面是你懂的,另一方面是我们自己可能也要过滤一些人身攻击或者广告信息等,具体词库可以google下,有很多. 过滤敏感词,使用简单的 ...
- Universal Link 笔记
如何实现Universal Link? 简单地说三步,1.把一个配置文件放在指定服务器根目录 2.在Xcode中设置AssociateDomain 3.安装app时,会根据Xcode中设置的Assoc ...
- 关于ios 3D变换 CGAffineTransformIdentity
每次做完3D变换以后,重新设置view的frame时,记得用CGAffineTransformIdentity 对3D变换进行还原,否则将会影响frame.当你对view进行3D变换后,重新设置vie ...
- jquery使用注意点以及建议
jquery是一个非常优秀的js框架,相信大部分人都用过,也都非常熟悉它的应用,用起来也非常简单,基本的操作也都不用说了.这里不在罗列jquery的api,总结下需要注意的点,都是平时容易犯错误的地方 ...
- Python模拟删除字符串两边的空白
目标: 1.使用string模块的whitespace 2.删除左边.右边以及两边的空白 代码如下: [root@localhost python]# cat rmspace.py #!/usr/bi ...
- SpringMVC常用配置-配置DispatcherServlet映射请求路径的方式