-
自定义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
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash