CSS3 - 随笔分类 - 大黑ylx

纯CSS实现的轮播图

摘要：一、自动跳转轮播图 1、HTML结构 1 <div id="wrap"> 2 <div id="main"> 3 <div class="page">One</div> 4 <div class="page">Two</div> 5 <div class="page">Three</div> 6 < 阅读全文

posted @ 2020-12-17 16:30 大黑ylx 阅读(2463) 评论(0) 推荐(0)

全屏滚动的原理

摘要：下面代码是用vue来写的 1、HTML结构 1 <template> 2 <div id="wrap"> 3 <div id="main"> 4 <div class="page">1</div> 5 <div class="page">2</div> 6 <div class="page">3</ 阅读全文

posted @ 2020-12-16 16:40 大黑ylx 阅读(391) 评论(0) 推荐(0)

CSS3变形

摘要：CSS 2D transform获得了各主流浏览器的支持，而CSS3D transform的情况则不尽人意。 transform属性可以旋转、缩放、倾斜和移动元素。 1、2D旋转 rotate（<angle>）：该参数接受一个角度参数值，用来指定旋转的幅度。 1 <!DOCTYPE html> 2 阅读全文

posted @ 2020-01-19 15:50 大黑ylx 阅读(191) 评论(0) 推荐(0)

src和href的区别

摘要：src和href的区别：（1）src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。（2）src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和iframe等元素。阅读全文

posted @ 2018-10-15 11:29 大黑ylx 阅读(221) 评论(0) 推荐(0)

link和@import的区别

摘要：<link rel="stylesheet" href="css文件" type="text/css" media="all"/> <style type="text/css" media="screen"> @import url("css文件") </style> 两者都是外部引用CSS的方式，阅读全文

posted @ 2018-10-14 10:38 大黑ylx 阅读(131) 评论(0) 推荐(0)

CSS3选择器

摘要：选择器的优先级：!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 * > 继承 > 浏览器默认属性同一级别。一、基本选择器（1）* ：通用元素选择器，匹配任何元素。（2）E：标签选择器，匹配所有E标签的元素。（3）.info , E.info：Class 阅读全文

posted @ 2018-10-07 10:31 大黑ylx 阅读(161) 评论(0) 推荐(0)

盒子模型（包含级元素分类）

摘要：一、CSS的盒子模型 1、CSS标准盒子模型：宽度 = 内容宽度（content）+ border + padding + margin 2、低版本IE盒子模型：宽度 = 内容宽度（content + border + padding）+ margin 二、元素分类 1、行内元素 <a> 、<abb 阅读全文

posted @ 2018-09-26 15:08 大黑ylx 阅读(1147) 评论(0) 推荐(0)

居中与垂直居中

摘要：每次面试都是知识收获的过程！ 1、文本水平居中效果： 2、文本垂直居中效果： 3、块元素水平效果： 4、块元素垂直居中效果：阅读全文

posted @ 2018-07-25 10:35 大黑ylx 阅读(158) 评论(0) 推荐(0)

并排盒子模型

摘要：这道题是我面试一家大数据公司的一道面试题，这算是很简单的面试题了，但它主要还是考验你的思维发散能力，下面那些方法中我只想到了前面的3种方法，后面三种是面试官教我的，面试官人超级好，还叫我好好打扎实基础再来面试，不过意思就是，你目前能力还不够，回家看书吧（捂脸）。一、inline-block 元素的阅读全文

posted @ 2018-04-13 12:30 大黑ylx 阅读(777) 评论(0) 推荐(0)

随笔分类 - CSS3