文档章节

前端面试大全(四)

博为峰教研组
 博为峰教研组
发布于 2017/05/23 13:05
字数 520
阅读 14
收藏 0

第四部分 CSS 3
·    CSS3新增伪类有那些?
CSS3新增伪类
p:last-of-type         选择其父元素的最后的一个P元素
p:last-child            选择其父元素的最后子元素(一定是P才行)
p:first-of-type        选择其父元素的首个P元素
p:first-child           选择其父元素的首个p元素(一定是p才行)
p:only-child    选择其父元素的只有一个元素(而且这个元素只能是p元素,不能有其他元素)
p:only-of-type   选择其父元素的只有一个p元素(不能有第二个P元素,其他元素可以有) 
选第N个
p:nth-child(n)      选择其父元素的第N个 刚好是p的元素
p:nth-last-child(n)    ..............................................从最后一个子元素开始计数
p:nth-of-type(n)   选择其父元素的n个元素
p:nth-last-of-type(n)   ........................从最后一个子元素开始计数
用在input上
:enabled
:
·    请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?


·    主要作用是让元素body使用flexbox布局,而不是普通的块布局。在文档流中的所有子元素(即不是绝对定位的元素)现在都变成了伸缩项目。


::before 和 :after中双冒号和单冒号 有什么区别?解释一下这2个伪元素的作用。


 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。(伪元素由双冒号和伪元素     名称组成)  双冒号是在当前规范中引入的,用于区分伪类和伪元素。不过浏览器需要同时支持旧的     已经存在的伪元素写法, 比如:first-line、:first-letter、:before、:after等,     而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。


    想让插入的内容出现在其它内容前,使用::before,否者,使用::after;
在代码顺序上,::after生成的内容也比::before生成的内容靠后。
如果按堆栈视角,::after生成的内容会在::before生成的内容之上

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
Web、移动开发资源、开源工具整理

整理了一些Web、移动开发资料,开源工具,供需要的朋友们查阅: Web移动开发各类网站学习资源: 成为优秀的Web移动开发者:编程资源大全 成为优秀的Web移动开发者:前端开发学习资源集合 成为...

咲晚杍
2014/03/13
427
1
前端相关整理

整理一下最近在网上收集的前端面试相关资料,包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多,就光从知乎、前端乱炖、w3cplus 等网站就能找到很多,所以针对细节不发散,仅...

Seas0n_
2016/03/01
303
0
编程微刊第四期文章汇总(2018.4)

编程微刊创立也有一段时间了,在此感谢一直关注我的小伙伴们,你们的关注和支持,是我每天不断更新的动力,我每个月会总结一期微刊,方便大家的阅读。 1. 推荐文章 这个时代,抛弃你的时候,...

祈澈姑娘
2018/05/04
0
0
前端开发-从入门到Offer

解决你的前端面试 有时候前端的技术性面试还是很麻烦的,毕竟知识点那么多,框架迭代那么快。你不仅仅要对计算机科学基础有一个坚实的底子,还需要理解啥 Web 性能、构建系统以及 CSS 引擎等...

掘金官方
2017/12/28
0
0
为了前端的深度-git的命令行

源起 2018年末,我面试了五六家大大小小的公司,其中小公司过了没去,两家大公司的都失败了。在面360和拼多多的时候,因为我感觉自己面对不好,所以我在结束的时候希望面试官可以给我一个评价...

lionel爱学习
01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.2K
15
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部