问答作业 2017.1.16

  • 分别说出什么是HTML、XHTML、HTML5
    HTML:
    超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言.HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件.从本质上来说,Internet( 互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种.这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息.
    XHTML
    可扩展超文本标记语言.HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性.
    HTML5
    标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织.WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0.在 2006 年,双方决定进行合作,来创建一个新版本的 HTML.
    他们有自己各自的元素和结构.
  • 写出HTML的语法
    HTML的基本结构是
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>
title-标题
</title>
</head>
<body>
concent-内容
</body>
</html>
  • HTML中的注释和CSS中的注释
    html注释:
<!-- html注释内容 --> 

CSS注释:

/* CSS注释内容 */
  • CSS中的引入方式有哪些?说出他们的区别和语法
    在HTML中引入CSS的方式主要有三种:
    1.行间样式
<div style=
"width:100px;
height:100px;
background:red;
">aaa</div>

特点:这种方式没有体现出CSS的优势,不推荐使用。
2.内部样式

<head>
<style>
#div1{
width:100px;
height:100px;
background:red;
}
</style>
</head>

特点:排列整齐,可多人完成编程,但不易修改。
3.外部样式

<link rel="stylesheet"href="链接"/>

特点:使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件,因此显示出来的网页从一开始就是带样式的效果的,它不会象导入式那样先显示无样式的网页,然后再显示有样式的网页,这是链接式的优点。

  • 背景图片有哪些子属性?
    1.背景颜色:background-color
    语法: {background-color:数值}
    说明: 参数取值和颜色属性一样
    注意: 在 HTML当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。
    例子: <div style="background-color:red">给部分区域加背景颜色

    2.背景图片:background-image
    语法: {background-image: url(http://www.jb51.net/URL);}
    说明: URL就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径,将什么也不显示。

    3.背景重复:background-repeat
    语法: {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
    作用: 背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片
    说明: 参数取值范围:
    ·no-repeat 不重复平铺背景图片
    ·repeat-x 使图片只在水平方向上平铺
    ·repeat-y 使图片只在垂直方向上平铺
    注意: 如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。

    4.背景固定:background-attachment
    语法: {background-attachment:fixed|scroll}
    说明: 参数取值范围
    ·fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
    ·scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
    注意: 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力,所以可以解除背景图片和文字内容的捆绑,该为和浏览器窗口捆绑。
    例子: 使背景图案不随文字“滚动”的CSS
    body { background: purple url(http://www.jb51.net/bg.jpg); background-repeat:repeat-y; background-attachment:fixed }

    5.背景定位:background-position
    语法: {background-position:数值|top|bottom|left|right|center}
    作用: 背景定位用于控制背景图片在网页中显示的位置。
    说明: 参数取值范围
    ·带长度单位的数字参数
    ·top:相对前景对象顶对齐
    ·bottom:相对前景对象底对齐
    ·left:相对前景对象左对齐
    ·right:相对前景对象右对齐
    ·center:相对前景对象中心对齐
    ·比例关系
    关键字解释如下:
    top left = left top = 0% 0%
    top = top center = center top = 50% 0%
    right top = top right = 100% 0%
    left = left center = center left = 0% 50%
    center = center center = 50% 50%
    right = right center = center right = 100% 50%
    bottom left = left bottom = 0% 100%
    bottom = bottom center = center bottom = 50% 100%
    bottom right = right bottom = 100% 100%
    注意: 参数中的center如果用于另外一个参数的前面,表示水平居中;如果用于另外一个参数的后面,表示垂直居中。
  • Border有哪些子属性 其中border-style的属性值有哪些
    border-top : 1px solid black 上框
    **border-bottom **: 1px solid #6699cc 下框
    border-left : 1px solid #6699cc 左框
    border-right : 1px solid #6699cc 右框
    border: 1px solid #6699cc 四边框
    border style的属性值有:边框粗细、边框样式(实线、虚线、点划线)、边框颜色
  • 什么是CSS?
    CSS——层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现html的一个应用)或(标准通用标记语言的一个子集)等文件样式的计算机语言。
    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
    CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力
  • 你知道的CSS属性有哪些?
    由于学习并不完整,现已知的CSS属性有:
  1. 颜色和背景属性
    Color
    Background-color
    Background-image
    Background-repeat(-x/-y/no)
    Background-attachment
    Background-position
  2. 边框属性
    Border-width
    Border-color
    Border-style
    Border-top
    Border-right
    Border-bottom
    Border-left
  • 什么是W3C标准?
    根据网页主要由三部分组成:结构、表现和行为。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。
  • 常见的浏览器都有哪几种,五大浏览器内核分别是什么?
    常见的浏览器有IE,火狐,谷歌,苹果等...
    这五大浏览器分别基于四大内核,其中IE基于Trident内核,Firefox基于Gecko内核,Chrome与Safari基于Webkit内核,Opera基于Presto内核。
    额,关于学习总结部分,我记了一些笔记、我想这就是最好的总结吧、、
IMG_1551.JPG
4B42816C3E397CE36DAB007D00CEE71E.png
7E28F2BEE2822BD0FAC0DD1A62C7F6EF.png
502F3A4C1CE0559AF610BA7C0264636A.png
7E36DDE39E70A73ACC1D2B734DF6D0F7.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,721评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 16,503评论 32 459
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,146评论 0 11
  • 1、过早的退出是一切失败的根源。 2、兴趣遍地都是,专注和持之以恒才是真正稀缺的。 3、生活中的选择比我们想象中的...
    鱼笨自由阅读 504评论 2 6
  • 时间好快,一晃已经二年,我和小敏一起来的。小敏原来和我搭伙计,刚来的时候她管理真的有一套,刚入学的孩子们真...
    咫尺为邻阅读 129评论 0 0