关闭

HTML/CSS学习疑惑

标签: HTMLCSS
152人阅读 评论(0) 收藏 举报
分类:

关于引用。<q> </q> 和 <blockquote> </blockquote>

<q>用于简单的行内引用,在被引用的内容两边加上双引号。而<blockquote>将引用内容从周围内容中分离出来。

代码如下

<!doctype html>
<html>

<head>
    <meta charset="uft-8">
    <title>超文本标记语言</title>
</head>
<body>
            <p><q>超级文本标记语言</q>是标准通用标记语言下的一个应用,也是一种规范,一种标准,<blockquote>它通过标记符号来标记要显示的网页中的各
            个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容</blockquote>(如:文字如何处理,画面
             如何安排,图片如何显示等)。</p>
</body>
</html>

显示结果如下:

”超级文本标记语言“是标准通用标记语言下的一个应用,也是一种规范,一种标准,

它通过标记符号来标记要显示的网页中的各 个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容
(如:文字如何处理,画面 如何安排,图片如何显示等)。

盒模型

每一个盒模型都由内容区(content),内边距(padding),边框(border),外边距(margin)组成。
margin在设置时,可以分别使用
margin-top :10px;
margin-bottom :10px;
margin-left :20px;
margin-right :30px;
也可以
margin:10px 30px 10px 20px;

对应顺序为上,右,下,左。

关于内联元素和块元素

html中的各种元素/标签,可以分为两大类。一类为内联元素,一类为块元素。

块元素的特点:总是另起一行开始;高度,行高以及顶、底边距都可控制;

内联元素的特点:内联元素和其他元素都在一行上,并且高度,行高以及顶,底边距不可改变;

比较常见的内联元素就是<img>元素。


<div>和<span>的区别

<div>为块级元素,而<span>为内联元素。
<!doctype html>
<html>

<head>
    <meta charset="uft-8">
    <title>超文本标记语言</title>
</head>

<body>
    <div>div1</div>
    <div>div2</div>
    <span>span3</span>
    <span>span4</span>
</body>

</html>
运行结果为
div1
div2
span3 span4
 

0
0
查看评论

html和css学习心得

系统学习web前端大概有一周了吧,看了《Head First HTML与CSS》,这本书属于入门书,语言浅显易懂,跟着书敲代码很快的,我大概用了一天就看完了,同时对html和css有个系统的认识了。接着看了《精通CSS》第二版,受益最多的是从中学会了布局,用好position和float,还有结构与...
  • tyhzsd
  • tyhzsd
  • 2015-08-03 15:44
  • 2999

学习HTML、CSS、Javascript必看书

第一本,入门 《Head first HTML&CSS》 最好的入门书。看两遍就对HTML & CSS 有个大概印象了。 此时把w3cschool作为备查手册收藏起来 第二本《CSS权威指南(第三版)》 最权威的CSS书籍,除了阅读W3C的文档外的不二选择(就是翻译...
  • qq1169091731
  • qq1169091731
  • 2016-09-15 01:02
  • 1740

HTML, CSS学习笔记(完整版)

第一章 div布局 前几课内容 .htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的。 shtml是服务器先处理然后再交给浏览器处理   #HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本。XHTML目标是取...
  • u011925500
  • u011925500
  • 2014-10-02 00:28
  • 4544

JavaScript、HTML、CSS学习—思维导图

  • qq_25827845
  • qq_25827845
  • 2016-10-22 20:44
  • 2945

关于HTML和CSS的学习心得

经过三天的学习,以及对一个静态网页的制作,我发现其实在学习的过程中细心以及对知识的理解的重要性。 在编写静态网页的时候,许多方面考虑的不周全,致使原版是这样的: 但我编写出来的却成了这样的: 并没有将网页居中,以及缺少了一部分东西。在编写的过程中,慢慢的了解、发现,并学会运用 HTML 和 C...
  • ajoain
  • ajoain
  • 2015-07-24 09:08
  • 122

个人学习第一阶段——关于html和css的技巧及问题总结(一)

在HTML和CSS学习和实践过程中遇到的一些问题和个人总结的一些经验
  • u014244487
  • u014244487
  • 2015-03-10 11:03
  • 528

快速学习html、css的经典笔记(不看后悔偶)

HTML语言剖析  Html简介-目录  全写: HyperText Mark-up Language  译名: 超文本标识语言  简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag)使文件...
  • qq1355541448
  • qq1355541448
  • 2012-11-30 09:48
  • 12874

html + css + js初步简单学习笔记

html: 这个是HTML5的根元素。可以省略 注意每个文件最多只有一个根元素 页面头部分,可以省略 引入样式 标题1-6字体越来越小 定义的是段落 可以指定id class style 等属性 定义水平线 和div基本相似,只是不会默认换行,定义文档中的节 元...
  • JerroLuo
  • JerroLuo
  • 2016-07-27 11:06
  • 3740

HTML及CSS学习感想

学习HTML和CSS的过程中我还蛮痛苦的, 我接触编程是从Python写自动化测试脚本开始的,涉及逻辑及语法,但是 接触HTML和CSS的过程中,我发现是很容易上手,但是只能一点点实现,并没有一本书或者一个技能去教你完成整个网站,最恐怖的更在于 如果简单的前端会沦落为PS切图及静态网站的制作,...
  • xuzhen0913
  • xuzhen0913
  • 2016-12-21 15:15
  • 176

HTML CSS JavaScript学习心得

一个门外汉对刚开始接触这个行业的认识
  • Medran
  • Medran
  • 2017-10-17 20:14
  • 334
    个人资料
    • 访问:2891次
    • 积分:160
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类