随笔分类 -  css

css面试题
摘要：面试 面试技巧(一面/二面) 准备要充分 知识要系统 沟通要简洁 内心要诚实 态度要谦虚 回答要灵活 页面布局 1. 浮动 2. 定位 3. flex 4. table 5. grid 延伸： 1. 这五种方法的优缺点 布局兼容性比较好，脱离文档流，但是父级需要清浮动，兼容性好 布局简单，兼容性好， 阅读全文
posted @ 2020-05-16 13:31 无聊才读书 阅读(439) 评论(0) 推荐(0)
CSS面试题
摘要：1. 介绍一下标准的css的盒子模型？低版本IE的盒子模型有什么不同 标准模型由四部分组成： 内容区域: 可以放置元素的区域如文本,图像等，一般设置宽高指的是这个内容的宽高 内边距的区域：内容与边框之间的距离 边框区域: 边框 外边框区域：由外边框限制，用空白区域扩展边框区域，开分开相邻的元素 模型 阅读全文
posted @ 2019-09-02 13:28 无聊才读书 阅读(12132) 评论(0) 推荐(0)
短短几行css代码实现滚动条效果
摘要：如何实现使用css实现滚动条效果 实现效果，运用线性渐变来实现功能 假设我们的页面被包裹在 <body> 中，可以滚动的是整个 body，给它添加这样一个从左下到到右上角的线性渐变： 实现的效果： 运用伪类实现把多出来的部分遮住： 实际的效果是： 但是滚动到底部，进度条没有到底部，究其原因，是因为  阅读全文
posted @ 2019-04-02 14:49 无聊才读书 阅读(4054) 评论(0) 推荐(0)
css3中的nth-child和nth-of-type的区别
摘要：实例： 首先创建一个HTML结构 接下来使用：.nth-child和nth-of-type选择并改变其文字颜色 现在在段落一前面加上一个标题1 再次使用：.nth-child和nth-of-type选择并改变其文字颜色 nth-child 包含两层意思，首先是一个段落元素，这个段落元素的父元素“di 阅读全文
posted @ 2017-09-29 22:59 无聊才读书 阅读(343) 评论(0) 推荐(0)