HTML5+CSS3从入门到精通中你需要知道的!
范佺菁 2018-04-27 来源 : 阅读 487 评论 0

摘要:在WEB前端的学习中,无论你是JavaWeb还是前端,都需要学习掌握html+css方面的内容,那在学习中或者面试中,我们可能会遇到很多的问题,本文就帮助大家学习这些问题,希望大家能够HTML5+CSS3从入门到精通。

无论你是JavaWeb还是前端,都需要学习掌握html和css方面的内容,那在学习中或者面试中,我们可能会遇到的问题如下:
1.对WEB标准以及W3C的理解与认识?

(1)web标准规范要求,书写标签必须闭合、标签小写、不乱嵌套,可

提高搜索机器人对网页内容的搜索几率;

(2)建议使用外链css和js脚本,从而达到结构与行为、结构与表现的

分离,提高页面的渲染速度,能更快地显示页面的内容;

(3)样式与标签的分离,更合理的语义化标签,使内容能被更多的用户

所访问、内容能被更广泛的设备所访问、更少的代码和组件, 从而降低

维护成本、改版更方便;

(4)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高

网站易用性;

遵循w3c制定的web标准,能够使用户浏览者更方便的阅读,使网页开发

者之间更好的交流。

2.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素:div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容,border ,margin,padding

3.CSS引入的方式有哪些?

内联 内嵌 外链

4.CSS选择器有哪些?优先级算法如何计算?

css选择符:id选择器(# myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器( * )、属性选择器(a[rel = "external"])、伪类选择器(a: hover, li:nth-child)

Id>class>标签选择

5.css的基本语句构成是?

选择器{属性1:值1;属性2:值2;……}

6.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

7.标签上title与alt属性的区别是什么?

alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方;

title属性是在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,有点类似jQuery的hover,你可以自己试试,另外,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的;

8.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

声明位于文档中的最前面,处于标签之前。告知浏览器以何种模式来渲染文档。

严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

9.行和块元素的区别?

①块级元素(如div和p):独占一行,其宽度自动填满父元素宽度,可以设置width、height、padding、margin。

②行内元素(如a、span、img):相邻的行内元素会排列在同一行内,其宽度随元素的内容而变化,不可设width和height;margin和padding水平方向有效,竖直方向无效。

10.html和css区别?

HTML是网页内容的载体

。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CSS样式是表现就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

11.position的值有哪些?relative和absolute定位的原点是?

absolute 生成绝对定位的元素,相对于定位以外的第一个祖先元素进行定位;定位忽略padding,相对位置为相对定位容器的左上角内边框;定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序

fixed生成绝对定位的元素,相对于浏览器窗口进行定位。

relative生成相对定位的元素,相对于其在普通流中的位置进行定位。

inherit 规定从父元素继承 position 属性的值。

12.如何清除元素浮动?

(1)使用clear:both清除浮动

(2)使用overflow属性(overflow:auto、overflow:hidden)

(3)使用display属性

(4)父级元素浮动

13.如何让一个元素水平垂直居中?

元素水平居中的方式:

(1)行级元素水平居中对齐(父元素设置 text-align:center)

(2) 块级元素水平居中对齐(margin: 0 auto)

(3)浮动元素水平居中

(4)让绝对定位的元素水平居中对齐

元素垂直居中对齐:

(1)对行级元素垂直居中(heiht与line-height的值一样)

(2)对块级元素垂直居中对齐

14.xhtml和html有什么区别?

HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言;

最主要的不同:

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

15.前端页面有哪三层构成,分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

16.什么是CSS以及CSS的优点

什么是CascadingStyleSheets(层叠样式表)*CSS是CascadingStyleSheets(层叠样式表)的简 称.*CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).*在标准网页设计中CSS负责网页内容 (XHTML)的表 现.*CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.*可以通过简单的更改 CSS文件,改变网页 的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.*CSS是由W3C的CSS工作组产生和维护的.

17.采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有哪些显著优势

1.表现和内容相分离将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

2.提高页面浏览速度对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。

3.易于维护和改版你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

随时欢迎您加微信号(Iotek666),进行交流,本微信号会不定期推送技术相关优质文章、热点资讯、视频资源及生活趣事,更乐意与您一起交流IT知识,让我们在闲暇之余巩固一下自己的知识体系 ,扩充一下自己的知识面。快利用琐碎时间给自己充电吧!

本文由 @职坐标 发布于职坐标。未经许可,禁止转载。
喜欢 | 4 不喜欢 | 0
看完这篇文章有何感觉?已经有4人表态,100%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论
本文作者 联系TA

擅长Java语言,只有合理的安排和管理时间你才能做得更多,行得更远!

  • 27
    文章
  • 2164
    人气
  • 95%
    受欢迎度

已有39人表明态度,95%喜欢该老师!

进入TA的空间
名师指导直通车
  • 资料索取
    资料索取
  • 答疑解惑
    答疑解惑
  • 技术交流
    技术交流
  • 职业测评
    职业测评
  • 面试技巧
    面试技巧
  • 高薪秘笈
    高薪秘笈
TA的其他文章 更多>>
Java语言-深度理解Java变量
经验技巧 100% 的用户喜欢
论大数据和人工智能的区别
经验技巧 86% 的用户喜欢
WEB前端学习之仿百度—布局使用
经验技巧 100% 的用户喜欢
JAVA语言基础-循环
经验技巧 100% 的用户喜欢
JAVA语言之Eclipse快捷键总汇
经验技巧 100% 的用户喜欢
其他海同名师 更多>>
刘新华
刘新华 联系TA
实力型。激情饱满,对专业充满热情
吴翠红
吴翠红 联系TA
独创“教、学、练、测”循环教学模式
吕益平
吕益平 联系TA
熟悉企业软件开发的产品设计及开发
黄泽民
黄泽民 联系TA
擅长javase核心技术
程钢
程钢 联系TA
擅长大型企业商业网站开发和管理
经验技巧30天热搜词 更多>>

您输入的评论内容中包含违禁敏感词

我知道了

X
免费获取海同IT培训资料
验证码手机号,获得海同独家IT培训资料
获取验证码
提交

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    ICP许可  沪B2-20190160

站长统计