• 豌豆资源网
  • 开引网企业服务
  • 服务外包网

    • 2020年5月13日
    css modules是什么？
    摘要： 什么是CSS Modules？ 官方的介绍是： 所有的 class 的名称和动画的名称默认属于本地作用域的 CSS 文件。所以 CSS Modules 不是一个官方的规范，也不是浏览器的一种机制，它是一种构建步骤中的一个进程。（构建通常需要 webpack 或者 browserify 的帮助）。通过 阅读全文
    posted @ 2020-05-13 15:43 前端一点红 阅读(359) 评论(0) 推荐(0) 编辑
    css样式冲突怎么解决？
    摘要： 一个网页有时会使用两种CSS，那发生css样式冲突要怎么解决？下面本篇文章就来给大家介绍一下发生css样式冲突的解决方法，希望对大家有所帮助。 css冲突怎么解决？ 解决方法有很多，如果可以对html改动的话，就给你需要细化的页面元素加多一个class或者ID就行了，当然这种方法应该不是你想要的。那 阅读全文
    posted @ 2020-05-13 15:28 前端一点红 阅读(6240) 评论(0) 推荐(0) 编辑
    CSS中的一些细节
    摘要： 一、塌陷 1.当position设置为：absolute或者fixed时，元素的display会转换为block。（设置float也会产生这样的效应）2.正常情况下，div会被内容撑开，但是如果设置了1.的情况下，父元素就会产生塌陷，失去高度。 解决办法： 给父元素设置高度。给父元素设置overfl 阅读全文
    posted @ 2020-05-13 15:26 前端一点红 阅读(132) 评论(0) 推荐(0) 编辑
    2020年5月11日
    css如何让文字不换行显示？
    摘要： 在CSS中，可以通过white-space属性来实现文字不换行显示；只要将white-space属性的值为nowrap就可强制文字不换行。 white-space属性指定元素内的空白怎样处理。它有以下属性值： normal：默认。空白会被浏览器忽略。 pre：空白会被浏览器保留。其行为方式类似 HT 阅读全文
    posted @ 2020-05-11 14:18 前端一点红 阅读(15517) 评论(0) 推荐(0) 编辑
    让 JavaScript 与 CSS 和 Sass 对话
    摘要： JavaScript 和 CSS 已经并存超过了 20 年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改，而是使用 CSS 自定义属性甚至 Sass 变量。 CSS 自定义属性和 JavaScript 自定义属性在这里应该不会令人感到惊讶 阅读全文
    posted @ 2020-05-11 12:57 前端一点红 阅读(613) 评论(0) 推荐(0) 编辑
    CSS五种方式实现 Footer 置底
    摘要： 页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。 1、将内容部分的底部外边距设为负数 这是个比较主流的用法，把内容部分最小高度设 阅读全文
    posted @ 2020-05-11 12:54 前端一点红 阅读(6074) 评论(0) 推荐(0) 编辑
    css中雪碧图(sprite)的使用及制作方法
    摘要： 雪碧图(sprite)是减少请求次数的有效手段，其原理是把多张图片进行合成，使用时通过css进行定位。 1.先看一下雪碧图 没有使用雪碧图时图标是这样一个个的单独文件： 合成雪碧图后是这样拼在一起的一张图： 2.雪碧图的使用 首先确定要使用的图标的位置和大小（可以通过ps测量）， 如下的雪碧图大小统 阅读全文
    posted @ 2020-05-11 12:52 前端一点红 阅读(2307) 评论(0) 推荐(0) 编辑
    CSS实现垂直居中的5种方法
    摘要： 利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。 方法一 这个方法把一些  阅读全文
    posted @ 2020-05-11 12:47 前端一点红 阅读(21461) 评论(0) 推荐(0) 编辑
    如何使用CSS创建巧妙的动画提示框
    摘要： 当你的用户需要一些额外的上下文来放置图标，或者当他们需要一些保证来点击按钮，或者可能是一个复活节彩蛋的标题来搭配一个图片时，工具提示是一个很好的方法来增强用户界面。现在让我们来制作一些动画工具提示，只使用HTML和CSS。 演示 以下是我们的工作目标: 主要目标是拥有一种添加工具提示的简单方法，因此 阅读全文
    posted @ 2020-05-11 12:37 前端一点红 阅读(769) 评论(0) 推荐(0) 编辑
    css定位方式有哪几种？
    摘要： 复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。 float定位（即浮动定位）： 这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器； 如果该元素设置 阅读全文
    posted @ 2020-05-11 12:34 前端一点红 阅读(2428) 评论(0) 推荐(0) 编辑
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识