0

MUI下拉菜单样式

1 2 性别 3 4 5 12 13 ... ...

huaxiaemppyramid 发布于 2019-06-24 18:21 评论(0)阅读(168)
0

HTML惊天地

一、HTML文档结构 二、头标签(head) head标签都放在头部分之间。这里面包含了:<title>、<meta>、<link>,<style> Meta标签 http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为co ...

oeasys.cn 发布于 2019-06-24 15:35 评论(0)阅读(52)
0

CSS 从大图中选取部分区域作为目标图标

从大图中选取部分区域作为目标图标 by:授客 QQ:1033553122 1、图片素材 图片素材如下(大小:137px * 264px),图中从上到下,连续存放了两张100px * 100px的图 2、HTML代码 html代码如下: <!DOCTYPE html> <html> <head> <m ...

授客 发布于 2019-06-23 22:56 评论(0)阅读(81)
0

Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条

本博主在一次个人移动端项目中,遇到这么一个需求:希望自己的项目中,头部导航条的效果可以像今日头条那样,横向滚动! 对于这样的效果,在各大移动端项目中几乎是随处可见,为什么呢? 我们都知道,对于移动端也就是手机上,我们页面的宽度并不像PC端那样大,可以显示很长的导航项,但对于我们移动端来说,由于功能的 ...

Frank丶HQ 发布于 2019-06-23 21:37 评论(0)阅读(517)
0

对移动端兼容适配的分析

一、思考 在移动端越来越重要的背景下,每位web开发者对移动适配都有自己的想法。是移动优先,还是PC优先,还是两者兼得?在实际开发中这个问题是和项目产品定位有关的,也涉及到UI的设计,不是开发者能决定。但不管产品如何定位,作为开发者总是要提供最优的解决方案,是用一套样式还是多套样式?网上一搜,有静态 ...

*逍遥游* 发布于 2019-06-23 17:30 评论(0)阅读(116)
0

关于两个DIV之间的空白字符

首先!!!!这个问题应该是去面试前端会经常问到的问题!!! 如,下面这个例子: 按照正常思维的话,这个.container容器分成了左右红色和绿色两个部分,但是运行之后却装不下这两个子元素.left 和 .right。 效果如下图所示: 想要解决这种现象有两个办法: 效果最终显示: ...

小方哥· 发布于 2019-06-23 15:32 评论(0)阅读(64)
0

前端编写手机兼容页面(简易方式)

这两天开始编写手机页面,作为类似官网一样的使用,因为实在手机端访问的web端,没有做过尝试,而且由于手机的种类很多,导致兼容性要求很高,在网上找了一些教程,制作完毕后决定分析给大家。 先给大家看下成品效果图: 这就是手机访问之后的样子了,那具体怎么做好兼容,又能省事省力呢,我从网上找到了这个框架: ...

键盘碎了 发布于 2019-06-23 13:32 评论(1)阅读(139)
0

css实现水平/垂直居中效果

一、如果是已知宽高的元素做水平/垂直居中效果的话,可以直接用具体的数值指定定位布局或偏移布局,这个就不过多讨论。这里主要介绍在不知宽高或需要弹性布局下的几种实现方式。 二、1.table表格法思路:显示设置父元素为:table,子元素为:cell-table,vertical-align: cent ...

*逍遥游* 发布于 2019-06-23 00:21 评论(0)阅读(283)
1

CSS3动画实践——简易牛顿摆

实现起来并不复杂,只需对最左和最右的小球进行关键帧动画处理,同时注意应该将绳子与小球作为一个整体,以左边小球为例: .left-ball.ball-wrapper { transform-origin: center top; animation: left-ball-swing 4s 0s inf ...

闻目杉 发布于 2019-06-22 20:12 评论(0)阅读(142)
0

css基础5

今天在这里跟大家分享css基础最核心的部分,浮动和定位。话不多说,直接上干货! 一、浮动 定义:定位元素是相对于其正常位置应该出现的位置。定位元素的位置是相对于自身、父级元素位置、其他元素以及浏览器窗口本身的位置。 定位主要分为文档流定位、浮动、相对定位、绝对定位、固定定位 浮动主要解决的是行内元素 ...

♪(o∀o)っ 发布于 2019-06-22 16:56 评论(0)阅读(56)
0

iconfont采坑

1. iconfont采坑 1.1. 前言 1. 使用iconfont过程中踩过坑特此记录 2. 不知道iconfont的这里也简单介绍一笔,阿里开放的一个图标素材库,用来快速找图标下载使用图标 3. "iconfont网址" 1.2. 所谓单色 1. iconfont中有些图标,看着是单色的,也就 ...

天尘·云烟 发布于 2019-06-22 15:32 评论(0)阅读(43)
0

博客园主题美化只需要这几步

博客园美化主题需要这几步 本人现用的这套博皮是根据bndong的博客进行修改的,且配置需要时间,有兴趣可以直接访问bndong博客,查看置顶博文进行配置。所有的修改都在博客园后台管理 >设置中,其中js的权限是要申请的。 配置期间如有不懂之处,欢迎随时评论! 我的博客皮肤 【美化方法】 安装配置 本 ...

xyongsec 发布于 2019-06-22 14:07 评论(0)阅读(79)
0

Web前端——css

css 推荐的样式编写顺序: 1. Positioning:定位 2. Box model:盒子模型、大小等 3. Typographic:文字系列、排印等 4. Visual:可视化、背景等 5. Misc:其它混杂模式 居中 垂直居中,设置line height 水平方向 text align ...

Stars-one 发布于 2019-06-22 13:30 评论(0)阅读(76)
0

Web前端——Html常用标签及属性

html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 表格跨列 例子: 效果: Header DataData 跑马灯 marquee标签 marquee标签 跑马灯效果 ...

Stars-one 发布于 2019-06-22 09:19 评论(0)阅读(78)
0

webpack

注: ** 先来说下前端为什么需要学习webpack吧!** 因为现在SPA流行,javascript的依赖包,less,scss.sass样式文件的编译。 更重要的是前端现在三大主流Vue.js 、React.js和AngluarJs都和webpack紧紧相连了。 说实话,现在不会一点webpac ...

肖秋雄 发布于 2019-06-21 17:29 评论(0)阅读(142)
0

移动端开发

1.移动端视口问题 视口是指浏览器的可视区域,移动端的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。看到问题了吗?一个宽度只有375像素的手机,却能够显示宽度为980像素的网页,自然而然,网页会被缩小 ...

蜀风古韵 发布于 2019-06-21 17:11 评论(0)阅读(72)
0

CSS filter 属性

filter 将模糊或者颜色偏移等图像效果用于元素,通常用于调整图像,背景和边框的渲染 css 标准中已内置一些预定义效果的函数,也可通过url使用 "SVG滤镜" 语法 滤镜属性 需要设定某一函数的值。如果该值无效,函数返回“none“。 url() url 函数接收一个XML文件,该文件是一个 ...

G_Owen 发布于 2019-06-21 16:45 评论(0)阅读(316)
0

css基础4

今天是2019年6月21日,周五了。在这里写上一篇随笔,主要内容是css基础中的一些细节部分,话不多说,直接上! 一、背景渐变: background-image 线性渐变:linear-gradient(渐变方向,色标,色标,色标) 方向: 关键字: to top 从下往上 to bottom 从 ...

♪(o∀o)っ 发布于 2019-06-21 16:28 评论(0)阅读(51)
0

css网页布局模板

效果如图: 菜鸟教程(runoob.com) 我的网页 重置浏览器大小查看效果。 我的网页 重置浏览器大小查看效果。 链接 链接 链接 链接 文章标题 2019 年 4 月 17日 图片 一些文本... 菜鸟教程 - 学的不仅是技术,更是梦想!菜鸟教程 - 学的不仅是技术,更是梦想!菜鸟教程 - 学 ...

维京人~ 发布于 2019-06-21 14:04 评论(0)阅读(121)
0

教你两招用纯CSS写Tab切换

说到Tab切换,你可能首先想到的就是使用jQuery,短短几行代码就可以轻松搞定一个Tab切换。 而今天所要分享的,是使用 0 行JS代码来实现Tab切换! 具体效果如下: Tab切换 方法一:模拟单选框原理 关于模拟单选框,在我之前文章中有讲到,详情请戳→纯CSS模拟单选框和复选框 该方法大致原理 ...

子钦加油 发布于 2019-06-20 21:21 评论(1)阅读(160)