前端面试题CSS一(题目来源网络)
一、什么是html5语义化?
使用合理,正确的html标签格式化文档。
二、CSS样式优先级?
就近原则,行内>内联>外联
三 什么是盒模型?
主要分为两种,w3c标准盒模型,IE标准模型.
把网页所有元素当成盒子,宽度是由content,padding,margin,border组成.
为什么有两种盒模型,IE的浏览器标准于w3c标准不同.
四行内元素和块级元素?
一般标签分为行内元素以及块级元素两种.
(常用的)
//行内元素:与其他元素并排,不可设宽高. <a> //标签
<b> //字体加粗
<br> //换行
<em> //定义为强调的内容
<i> //斜体文本
<img> //图像
<input> //输入框
<label> //标签文本
<select> // 多选菜单
<span> //组合
<textarea> //多行文本
<var> // 定义变量
等..... //块级元素:单独一行,可设宽高,不设自占满一行
<address>//地址
<div> //区块
<form> //表单
<h1> //标题类
<hr> //水平线
<li> //列表类
<table> //表格
<td> //单元格
<tr> //行
等....
五cookie,SessionStorage,LocalStorage
|
Cookie |
SessionStorage |
LocalStorage |
|
|
共同点 |
三者都是浏览器在本地端存储数据,都是字符串类型的键值对,同源 |
||
|
存放数据大小 |
只适合极小的数据 4k左右 |
也有储存限制,但比较大 一般为5MB |
|
|
服务器通信 |
始终在同源的http请求中携带 |
不会自动把数据发送给服务器,仅在本地保存, 不参与通信 |
|
|
生命周期 |
只在设置的maxAge过期之前一直有效 |
浏览器窗口关闭之前 |
持久数据,除非被清除,一直有效 |
|
作用域 |
共享所有同源窗口 |
不共享 |
共享所有同源窗口 |
前端面试题CSS一(题目来源网络)的更多相关文章
- 前端面试题-CSS优先级
一.选择器优先级 浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值.优先级是基于不同种类选择器组成的匹配规则. 二.优先级计算 优先级就是分配给指定的CSS声明的一个 ...
- 前端面试题-CSS选择器
一.CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素,但不只是在 CSS 中,JavaScript 对 CSS 的选择器也是支持的,比如 document.document. ...
- 前端面试题-CSS Hack
一.CSS Hack的概念 由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈现出不一 ...
- 前端面试题 ----css篇
转载自https://www.cnblogs.com/zhangshuda/p/8465043.html,感谢原博主 1.css盒模型有哪些及区别content-box border-box padd ...
- 常见前端面试题CSS部分
1.盒模型 IE 盒子模型:IE的width部分包含了 border 和 pading; 标准 W3C 盒子模型: width/height+border+padding+margin; 2.清除浮动 ...
- 常见前端面试题之HTML/CSS部分
转自http://www.cnblogs.com/jscode/archive/2012/07/10/2583856.html Doctype是什么?如何触发严格模式与混杂模式模式?区分它们有何意义? ...
- 2010年腾讯前端面试题学习(jquery,html,css部分)
看了牛人写的回忆文章,里面有2010年腾讯的前端面试题,里面涉及到不少基础性的问题,js部分已学习,这是jquery,html和css部分,学习一下:) 原文地址:https://segmentfau ...
- web前端面试题HTML/CSS部分
web前端面试题HTML/CSS部分 前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面“内容是什么”的问题 ...
- 金三银四求职季,前端面试题小梳理(HTML、CSS、JS)
好久没写学习记录,最近太多事,又到一年求职季,都说金三银四求职季,自己也做一下最近学习的一些前端面试题梳理,还是个小白,写的不对请指正,不胜感激. HTML篇 html语义化 用语义化的代码标签书写, ...
随机推荐
- Spring学习(八)
AOP的重要概念 1.切面 : 切点(Pointcut) + Advice[ 在哪里 .加什么 ] 2.Advice: 在 切点 选中的 连接点 "加入" 的 代码 就是 Advi ...
- 【转载】IntelliJ IDEA配置JUnit进行单元测试
前提条件 安装JDK,并配置好环境变量 工程已解决JUnit依赖关系(pom.xml) IDEA中JUnit配置 IDEA自带一个JUnit插件,打开Settings窗口搜索junit,如图: 图 ...
- 遍历 Map 的方式
今天获取到一个Map 集合,想循环遍历出内容,突然发现忘记如何遍历Map,平时用的太少. Map 集合的内容是 Key , Value 键值对形式存储 第一种是 for 循环遍历 Map<Str ...
- PHPStorm 使用 Xdebug
一.下载xdebug xdebug官网:https://xdebug.org/download.php 在选择下载哪个版本的xdebug的时候需要注意了,下面有两种方法,让你准确的下载自己环境对应的x ...
- linux可执行程序调试
gdb调试不用多说 ./testapp 2>%261 适合线上问题排查,可打印程序错误接口代码 ldd testapp 查看代码动态链接程序是否正常
- htmlunit的使用
原文转自:https://www.cnblogs.com/davidwang456/articles/8693050.html HtmlUnit使用场景 httpClient的局限性 对于使用java ...
- Linux kali安装chromium
打开终端,输入以下命令 apt-get install chromium chromium-l10n
- JAVA语言实现简单登录界面
程序设计思想: 使用Math.random()方法循环生成6个97~122之间的随机整数(对应ASCII码值‘a’~‘z’),将其转化为char型变量,连接成为一个6位字符串作为验证码输出,提示用户输 ...
- 「JSOI2014」矩形并
「JSOI2014」矩形并 传送门 我们首先考虑怎么算这个期望比较好. 我们不难发现每一个矩形要和 \(n - 1\) 个矩形去交,而总共又有 \(n\) 个矩形,所以我们把矩形两两之间的交全部加起来 ...
- 7 JavaScript函数调用&this关键字&全局对象&函数调用&闭包
JavaScript函数有4种调用方式,每种方式的不同之处在于this的初始化 一般而言,在JavaScript中,this指向函数执行时的当前对象 如果函数不属于任何对象,那么默认为全局对象,即HT ...