前端面试题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语义化 用语义化的代码标签书写, ...
随机推荐
- Intellij IDEA中创建Package变成一级目录
1.创建包,但是出来的却是一级目录 2.因为Compact Middle Packages默认勾选上了,取消掉即可
- 给服务添加路由--ingress
kind: NamespaceapiVersion: v1metadata: name: demo-webshell generateName: demo-webshell labels: ...
- C语言入门第十章----结构体
C语言结构体从本质上讲是一种自定义的数据类型,只不过这种数据类型比较复杂,是由int.char .float等基本类型组成的,你可以认为结构体是一种聚合类型. 在实际开发中,我们可以将一组类型不同的. ...
- 我的B站主页:https://space.bilibili.com/611212 内有视频题解
我的B站主页:https://space.bilibili.com/611212 内有视频题解
- [转]Mysql连表之多对多
转自 回到顶部 连表多对多 可以理解成一夫多妻和一妻多夫. 男人表: nid name 1 xxx 2 yyy 3 zzz 女人表: nid name 1 aaa 2 bbb 3 ccc 要让两个表建 ...
- input、raw_input区别,运算符,运算优先级,多变赋值方式
目录 1. Python2中的input.raw_input赋值方式和Python3中的input赋值方式的差别 2. 运算符 3. python运算符优先级 4. 格式化输出 5. 链式赋值 6. ...
- 第3节 Scala中的模式匹配:1 - 5
7. 模式匹配和样例类 Scala有一个十分强大的模式匹配机制,可以应用到很多场合:如switch语句.类型检查等.并且Scala还提供了样例类,对模式匹配进行了优化,可以快速进行匹配. 7.1 ...
- get方法和load方法的区别
get方法的特点 get方法采用的是立即检索策略(查询):执行到这行的时候,马上发送SQL查询 get方法查询后返回的是真实对象的本身 load方法的特点 load方法采用的是延 ...
- Uart学习笔记
分享一个蛮好的链接:https://blog.csdn.net/wordwarwordwar/article/details/73662379 今天在看的资料是S家的DW_apb_uart的官方文档. ...
- 阿里分布式开放消息服务(ONS)原理与实践——笔记整理
1.MQ场景 1)订单异步解耦 2)解决分布式事务问题 3)应用于聊天平台 4)大规模机器的Cache同步 5)MySQL BinLog订阅数据分发2.ONS应用场景 ...