CSS面试细节整理(二)】的更多相关文章

5.css盒模型: CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框 和 外边距 的方式…
最近面试时候发现自己最熟悉的css确实开发中好多细节没注意到,为了防止在栽跟头,打算从头到底捋一遍咯 语法部分: 1.css几种选择器的写法 (1)h1 em {color:red;} (后代选择器) (2)h1 > strong {color:red;} (子元素选择器) (3)table.company td > p(结合后代选择器和子选择器) (4)h1 + p {margin-top:50px;} (相邻兄弟选择器) 例子:li + li {font-weight:bold;} 会把列…
HTML&CSS面试高频考点(一)    ♥ 6. W3C盒模型与怪异盒模型 标准盒模型(W3C标准) 怪异盒模型(IE标准) 怪异盒模型下盒子的大小=width(content + border + padding) + margin,即真实大小. *参考标准模式与兼容模式的区别,兼容模式下为怪异盒模型. *注意box-sizing可以改变盒模型(box-sizing:border-box即为怪异盒模型). 7. 水平垂直居中的方法 (1)定宽居中 1. absolute + 负margin…
一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类选择器 .link{} 属性选择器[type=radio]{} 伪类选择器 :hover{} ID选择器#id{} 组合选择器 [type=checkbox]+labei{} 否定选择器 :not(.link){} 通用选择器*{} 权重: ID选择器 #id{} +100 类 属性 伪类 +10…
盒子模型CSS(重点) 边框border     边框通常使用连写border:1px(边框大小) solid(实线或其他)  red(颜色) border-collapse:collapse (合并边框) 内边距padding padding:10px 上下左右都为10 padding:10px 20px  上下为10px 左右为20px padding:10 20 30 上10 左右 20   下为30 padding:上 右  下  左 padding.border会撑开具有 width…
整理网上流传的若干份面试题目,突发奇想,总结关于CSS面试题目的考察点,发现问题大多围绕几个属性和几种题目,水平有限,仅供参考. 写这个博文内心有种莫名奇妙的自我谴责感,实在不应该把面试层叠样式“应试”复习.牛逼的你,也许会说:万变不离其中,把css掌握了,哪里需要担心会考什么.呵呵! 1,  多元素水平居中 实现一下效果: 平常人看见题目,最初感觉实现图片中的效果不难,设置小黑框的宽高边距,字体水平垂直居中即可.其实,题目应该实际上是考察多元素水平居中,即无论元素(小黑框)基数为多少,它们都能…
一.HTML5新特性 本地存储 webStorage websocket webworkers新增地理位置等API对css3的支持canvas多媒体标签新增表单元素类型结构标签:header nav article aside footer表单标签:email url range date媒体标签:video audio…… 二.CSS3新特性 圆角:border-radius阴影:box-shadow背景渐变:https://developer.mozilla.org/zh-CN/docs/W…
前言 大家好,给大家带来Java面试集合(二)的概述,希望你们喜欢 二 1.请问线程有哪些状态? 新建状态(New) 就绪状态(Runnable) 运行状态(Running) 阻塞状态(Blocked) 死亡状态(Terminated) 2.表达线程代码? new Thread(){ public void run(){} }.start(); new Thread(new Runnable(){ public void run(){} }).start(); 3.如何表示什么是接口? inte…
HTML&&CSS基础知识点整理 一.WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现(Preasentation):css 3. 行为(Behavior):JS[DOM+ES] 其中一些小的具体要求: 结构:标签小写.闭合.不能随意嵌套 CSS+JS:精良使用外链,不用行内 优点: 1. 易于维护 2. 页面响应快 3. 可访问性高 4. 提高设备兼容性 5. 易被解析(搜索引擎) P…
CSS小tip整理 1.利用css在列表靠头和末尾添加箭头: /* 左箭头*/ ol a[rel="prev"]:before { content: "\00AB"; padding-left: 0.5em; } /* 右箭头*/ ol a[rel="next"]:after { content: "00BB"; padding-right: 0.5em; } 2.让父元素包含浮动的子元素: 添加一个进行清理的元素 让父元素浮…