HTML
程序员的程
我姓程,程序员的程!
展开
-
link和import导入外部样式的区别
1.结构link语法结构<link rel="stylesheet" href="CSSurl" type="text/css" />import语法结构<style type="text/css"> @import url(CSSurl);</style>2.应用场景link标签只能在html页面中用来引用css,而import可以在css中引用其他css。在css中直接使用@import url(CSSurl);原创 2017-10-17 22:05:17 · 455 阅读 · 0 评论 -
label的作用是什么?是怎么用的?
label标签是用来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。主要有以下两种用法用法:一、Number:二、Data:原创 2017-10-25 08:01:17 · 10567 阅读 · 0 评论 -
HTML基础--position 绝对定位 相对定位 锚点链接
position 定位属性,检索对象的定位方式一、语法:position:static /absolute/relative/fixed取值:1、static:默认值,无特殊定位,对象遵循HTML原则;2、absolute:绝对定位,将对象从文档流中拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位;如果不存在这样的父对转载 2017-10-22 23:01:24 · 784 阅读 · 0 评论 -
前端面试题(7)前端页面由哪三层构成,分别是什么,作用是什么
Html (结构): 超文本标记语言, 由 HTML或 xhtml之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。例如,P标签表达了这样一种语义:“这是一个文本段。”Css (表现) : 层叠样式表 ,由css负责创建。css对“如何显示有关内容”的问题做出了回答。Js (行为) :原创 2017-11-01 09:07:23 · 1956 阅读 · 1 评论 -
前端面试题(5) 列举5种IE haslayout的属性及其值
haslayout是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的hasLayout 属性值为true时,我们说这原创 2017-11-01 08:43:11 · 314 阅读 · 0 评论 -
前端面试题(3) cookie,sessionStorage和localStorage的区别
cookie是网站为了标示用户身份存在用户本地终端上的数据(经过加密)。cookie数据时钟在同源的http请求中携带(即使不需要),即会在浏览器和服务器之间传递。seeeionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。存储大小:cookie数据大小不能超过4k。sessionStorage和localStorage虽然也有原创 2017-10-24 08:24:10 · 807 阅读 · 0 评论 -
前端面试题(2):介绍一下对浏览器内核的理解
介绍一下对浏览器内核的理解主要分成两个部分:渲染引擎(Render Engine)和JS引擎。渲染引擎:负责取得网页的内容(html,xml和图像等),整理讯息(例如假如css),以及计算网页的显示方式,然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核原创 2017-10-23 09:44:52 · 11972 阅读 · 0 评论 -
CSS核心属性
一、CSS属性组成和作用属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。二、CSS核心属性1、文本大小:{font-size:12px/14px/16px;}说明:1)属性值为数值型时,必须给属性值加单位,属性值为0时除外。2)单位还可以是pt,9pt=12px;转载 2017-10-18 18:54:06 · 449 阅读 · 0 评论 -
IE6常见CSS解析Bug及hack
IE6常见CSS兼容问题总结1)图片间隙A)div中的图片间隙(该bug出现在IE6及更低版本中)描述:在div中插入图片时,图片会将div下方撑大三像素。hack1:将与写在一行上;hack2:将转为块状元素,给添加声明:display:block;B)dt,li中图片间隙(IE6)hack:将转为块状元素,给添加声明:display:block;img设置对原创 2017-10-21 08:53:14 · 559 阅读 · 0 评论 -
HTML基础入门
HTML5 基本结构 (新建一个html文件时默认有那些代码)命名文档类型说明我们写的是标记语言文件头部编码格式1、文件命名规则:用英文,不用中文名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。六、 HTML基本语法原创 2017-10-15 23:23:07 · 307 阅读 · 0 评论 -
HTML基础--元素类型及类型转换
元素类型及类型转换一、XHTML元素分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素 1.块状元素(block element) 1)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col转载 2017-10-21 23:30:08 · 1485 阅读 · 0 评论 -
前端面试题系列(1):doctype作用 标准模式与兼容模式
1.doctype作用声明位于HTML文档的第一行。处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCYTYPE不存在或格式不正确会导致文档以兼容模式呈现。2.什么是标准模式,兼容模式?标准模式与兼容模式的区别标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老师浏览器的行为以防止站点无法工作。原创 2017-10-22 09:48:37 · 802 阅读 · 0 评论 -
怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)
iframe怎么 在一个网页中嵌入另一个网页呢,我们可以用html中的iframe标签搞定。iframe支持所有浏览器。下面来看语法:原创 2017-10-25 23:15:15 · 44391 阅读 · 0 评论 -
css基础-选择器
CSS选择符(选择器)选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.常用的选择符有十种左右类型选择符,id选择符,class选择符,通配符,群组选择符,包包含选择符,伪类选择符,伪对象选择符。1) 元素选择符/类型选择符(element选择器 )语法:元素名称{属性:属性值;}说明:a)元素选择符就是以文档语言对象类型作为选择符原创 2017-10-17 23:10:14 · 382 阅读 · 0 评论 -
css基础-语法篇
CSS基础1、css简介cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.01996年由w3C正式推出的css1.1998年由w3C正式推出的css2.用来表现XHTML或者XML等样式文件的计算机语原创 2017-10-17 14:35:38 · 212 阅读 · 0 评论 -
三栏布局的5种解决方案及优缺点
假设高度已知,请写出三栏布局,左栏、右栏宽度300px,中间宽度自适应。 这道题本身的难度并不大,我们在布局页面的时候,写个三栏布局还是挺简单的。但是如果在面试的时候遇到这道题,就没有那么简单了。看似简单的一道题,想把它答好是不简单的。往往越简单的题越不好答。如果看到这题只想到了浮动和绝对定位,那这题你连及格都及格不了。下面是5种三栏布局的方法。 在写布局代码之前,先写两段公共的样式,此段写原创 2017-11-19 12:08:44 · 20853 阅读 · 3 评论