CSS
关注
分享
扫一扫
daysRoc
这个作者很懒，什么都没留下…
展开
-
Css伪元素和伪类
pseudo-class：俗称伪元素 作用：在选择器后面给选择的元素添加一个特定的状态，比如说：hover 使用方法：selector:pseudo-class { property: value;}为什么要使用伪元素？ 在文档树之外定义相关的样式或者字段,定义的内容不在文档树中 举个简单例子：在li元素前面添加相应的图标？：before，是不是很简单？关于伪类和伪元素，Allo原创 2017-08-11 17:45:38 · 495 阅读 · 0 评论 -
前端图片、动画基本知识
一、最原生的方法实现图片或者动画 1、img 作用：展示一个图片 使用方法：<img src="图片路径" alt="图片没有加载成功出现的内容" data-src="自定义属性，不属于html规范"></img>注意：data-src:一般会用于懒加载（在瀑布流视图中经常用到，鼠标滚轮）ps：懒加载和预加载的区别懒加载：当需要用户看到内容的时候再去请求优点：减轻服务器压力原创 2017-08-11 19:53:34 · 710 阅读 · 0 评论 -
按钮悬浮动画过度效果CSS实现
话不多说直接上代码：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>.button { display: inline-block; border-radius: 4px; background-color: #f4511e; border:原创 2017-08-15 21:01:50 · 995 阅读 · 0 评论 -
单行和多行溢出显示省略号
对于文本内容，单行或者多行溢出，显示省略号，一般有两种操作方式Javascript截断操作Css溢出操作截断操作let str = '23048930jsldfjklsdfsdf';str.length &amp;gt; 6 ? str.splice(0,6) + '...' : str;Css操作单行溢出 // 溢出必须要设置宽度，然后设置超出部分隐藏，用省略号代替，不换行 ...原创 2018-10-30 12:06:44 · 412 阅读 · 0 评论 -
CSS样式优先级
给DOM元素设置样式，通常通过以下几种方式：通过ID选择器通过类选择器通过属性选择器除了上面的几个之外，还有特殊的选择方式，比如伪类伪元素通常来说，设定样式一般不会有什么问题，但是如果设置了几种样式，比如// html<div id = 'test'> <p>test</p></div>// css#test p {...原创 2019-01-03 20:24:06 · 479 阅读 · 0 评论