• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • 摘要: 因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法,最终的方法基本都是改动画规则,比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat 阅读全文
    posted @ 2020-05-11 12:30 前端一点红 阅读(2659) 评论(0) 推荐(0) 编辑
    摘要: 再日常项目中可能会用到一些特殊的样式,比如大写字母转小写、小写字母转大写、首字母大写等。 可以通过 CSS 的 text-transform 属性来实现: text-transform 转换不同的文本 属性值: none 带有小写字母和大写字母的标准的文本(默认属性)。 capitalize 首字母 阅读全文
    posted @ 2020-05-11 12:28 前端一点红 阅读(416) 评论(0) 推荐(0) 编辑
    摘要: 通过设置元素的pointer-events属性设置为none,来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。 css设置不可点击: css代码: .disable { pointer-events: none; } 示例: const disabled = true; < 阅读全文
    posted @ 2020-05-11 12:27 前端一点红 阅读(17593) 评论(0) 推荐(0) 编辑
    摘要: 浏览器网页左上角小图标实现方式。 方式一: 在线生成ICO图标制作一个16*16 的.icon文件,文件名必须要favicon.ico,然后放在服务器根目录下面,一般浏览器会自动默认在跟目录下面查找。 方式二: 其实不必方式一这么麻烦。 在html的head表头中加: <link rel="shor 阅读全文
    posted @ 2020-05-11 12:25 前端一点红 阅读(1704) 评论(0) 推荐(0) 编辑
    摘要: 在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度,让你的文字在网页中看起来是透明的。 CSS设置透明度可用如下两类方法实现: 1、使用rgba2、使用opacity 使用rgba设置文字不透明度的方 阅读全文
    posted @ 2020-05-10 16:29 前端一点红 阅读(1899) 评论(0) 推荐(0) 编辑
    摘要: 复杂的网页布局都是通过各种网页元素灵活定位实现的,网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。 float定位(即浮动定位): 这种定位方式很简单,只需规定一个浮动的方向(如:float:left;就表示这个元素向左边摆放),它的定位是相对于父元素容器; 如果该元素设置 阅读全文
    posted @ 2020-05-10 16:27 前端一点红 阅读(4197) 评论(0) 推荐(0) 编辑
    摘要: 代码 <meta http-eqiv="X-UA-Compatible" content="ie=edge"> 什么是X-UA-Compatible? X-UA-Compatible是IE8的一个专有属性,他告诉IE8采用何种IE版本去渲染网页,在html中的head标签中使用 为什么要用X-UA- 阅读全文
    posted @ 2020-05-10 16:23 前端一点红 阅读(2231) 评论(0) 推荐(0) 编辑
    摘要: 基线 baseline:字符x的底部 x-height: 字母x的高度,vertical-aling设置为middle的时候,对齐的是baseline往上1/2的x-height,所以vertical-aling设置为middle不是整正的居中对齐 ​ line-height 1.内容高度 思考:未 阅读全文
    posted @ 2020-05-10 16:21 前端一点红 阅读(169) 评论(0) 推荐(0) 编辑
    摘要: 编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一。然而,我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。 我认为这主要是因为许多开发人员对组织CSS / HTML和JavaScript的策略缺乏深刻的理解。 在我和我们团队的观念中,编写可维护的前端代码非常 阅读全文
    posted @ 2020-05-10 16:17 前端一点红 阅读(230) 评论(0) 推荐(0) 编辑
    摘要: 1.层级关系 让这个box范围内的全部包进来,这样的话就完美的进行调节,再也不用到处找第几行第几个,我刚才在哪个位置给覆盖了。一看便知! .box{ width: 100%; height: 300px; p{ margin: 10px; span{ padding: 10px; a{ list-s 阅读全文
    posted @ 2020-05-08 11:21 前端一点红 阅读(790) 评论(0) 推荐(0) 编辑
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识