![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
没入门到放弃
技术,上手很容易,想要学精通很难。如果真的想要全面理解和掌握一门技术,关键在于弄清楚它的本质、历史和局限性。共勉
展开
-
异形轮播图,旋转木马(样式放数组) 理解
单纯的就是 相对于谁,谁怎么动的一个情况单纯为了学会使用博客,把自己当时没有理解的东西写下来。也希望能帮忙到大家这种方式,使用的是,将样式放到数组中,然后样式和元素一 一 对应的方式。只有左右键 加上瞬移效果,防流氓。如果还有瞬移的小原点,可以使用防流氓,也 可以使用节流(上锁)以三个元素为例前景声明: 绿色盒子 点击右键...原创 2019-12-17 16:46:10 · 425 阅读 · 0 评论 -
css选择器总结
css选择器通用选择器 *标签选择器id 选择器class 类选择器并集选择器交集选择器结构选择器 匹配到的都是F元素 E F : F 元素在E元素的内部 E > F : F 元素必须为E 元素的子元素 ( 儿子辈) E ~ F : F元素 有一个为E 元素的 哥哥 (同级查找,F 元素在 E 元素的后面) ...原创 2020-02-22 15:49:20 · 102 阅读 · 0 评论 -
三栏布局
固比固(浮动布局)知识点。保存。忘记来看左 内容 右 两边固定,内容自适应和元素位置有关系 当DOM元素位置为 <aside class="left">1</aside> <aside class="right">3</aside> <div class="contain">2</div>原理: 内容在文档流, 左边栏左浮动, 右边栏右浮动 由于浮动元素不会覆盖在另一个BFC(块级格原创 2020-06-07 21:19:11 · 1549 阅读 · 1 评论 -
前端html css实现三角形
html+ css 实现三角形, 箭头。首先先介绍以下 border border 官方定义 简写属性在一个声明设置所有的边框属性。 咱们首先知道 border 在浏览器上 是怎么绘制的。 当 被绘制的盒子width 有值的时候,围绕着盒子绘制。 也就是边框的宽度。 当 被绘制的盒子width 为 0的时候, border 是从 中心点开始绘制的上代码:.box{ width:0; height:0;原创 2020-06-07 22:32:23 · 630 阅读 · 0 评论 -
让超过宽度部分,打点(显示省略号)
让超过宽度部分,打点(显示省略号)<style> main { border: 5px solid red; width: 120px; height: 20px; } main div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }</style><body原创 2020-06-07 21:19:36 · 380 阅读 · 0 评论 -
前面基础知识(查缺补漏)css篇
知识点 css篇自适应单位百分比: %相对于视口宽度单位: vw相对于视口高度单位: vh相对于视口宽度或高度单位: vm (取决于哪个小) 相对于父元素字体单位大小: em相对于根元素字体单元大小: rem选择器比重 内联样式 1000 ID选择器 0100 类选择器, 属性选择器, 伪类选择器(:link :visited :hover :actice)0010 标签选择器, 伪元素选择器(:before :after) 0001 通配符选择器原创 2020-06-07 21:20:51 · 294 阅读 · 0 评论