• 自定义select 小三角

    把select小三角换成自己的图片 效果: css样式: style #my_select { display: flex; display: -webkit-flex; width: 120px; font-size: 24px; padding: 0 5px; margin: 20px auto; outline: none; border: 1px solid #00DD00; appearance: none; /* 兼容Chrome */ -we...

    2018-10-23 03:05:18

  • css实现中间文字,两边横线效果

    1. vertical-align属性实现效果: vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。 div class ="header" span class ="line" / span span class ="text" 中间文字,两边横线...

    2018-10-23 03:05:17

  • Vue创建头部组件示例

    ! DOCTYPE html html head meta charset ="utf-8" / meta http-equiv ="X-UA-Compatible" content ="IE=edge" title Page Title / title meta name ="viewport" content ="width=device-width, initial-scale=1" script src ="https://cdn.jsdelivr.net/npm/vue@2.5.17...

    2018-10-23 03:05:16

  • 实现花瓣登陆静态页面

    思路 : 花瓣网 1、对页面进行分析 2、下载素材 3、对页面尺寸进行分析 4、实现 下载素材 将页面素材保存到本地,方法如下图 页面尺寸进行分析 只做了大概得尺寸,尺寸获取方法,使用截图得方法获取宽和高,注意获取过程中图片得大小不能有变化。将图片最大化后获取尺...

    2018-10-23 03:05:12

  • 使用rem编写自适应屏幕网页造成div被span撑高的解决办

    原始代码: html head meta charset ="utf-8" meta content ="ie=edge" http-equiv ="x-ua-compatible" meta name ="viewport" content ="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" / / head style type ="text/css" #content { width...

    2018-10-23 03:05:10

  • 团队合作前端书写习惯总结

    CSS 规范 CSS 书写规范 class类: 小写字母,'-'分割; 图片: 小写字母,‘-’或者‘_’ 分割; 避免选择器嵌套层级过多,少于3级; 不要随意使用id,id应该按需使用,而不能滥用; 使用CSS缩写属性 ,比如padding:0 10px 5px 5px等等,这样精简代码同时又能提高用户的阅读...

    2018-10-23 03:05:08

  • css设置背景模糊

    使用filter属性来设置模糊值 效果: css样式: style type="text/css" .cover { width: 600px; height: 300px; position: relative; text-align: center; line-height: 300px; color: #fff; margin: 20px auto; } .cover::before { content: ""; position: absolute; t...

    2018-10-23 03:05:06

  • vue移动端h5页面根据屏幕适配的四种方案

    最近做了两个关于h5页面对接公众号的项目,不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话,进行总结分享一下如何处理。在vue移动端h5页面当中,其中适配是经常会遇到的问题,这块主要有死个方法可以适用。 方法一:引入淘宝开源的可伸缩布...

    2018-10-19 06:13:32

  • css的再深入8(更新中···

    1.去滚动条的属性 overflow:hidden; overflow-x:hidden; 水平超出的隐藏。 2.z-index 层次叠加 元素重叠 谁的值大谁在上面 (1) 父级出现 position:relative ;时候 z-index 失效 (2) 层叠元素出现 float 的时候会失效 (3) 层叠元素也得设置 position:absolute/fixed. 3...

    2018-10-19 06:13:32

  • 前端基础-- HTML

    HTML知识 HTML介绍 Web服务本质 浏览器发请求 -- HTTP协议 -- 服务端接收请求 -- 服务端返回响应 -- 服务端把HTML文件内容发给浏览器 -- 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览...

    2018-10-19 06:13:25

2