当前位置:首页 > 技术文章 > 每日编程 > css知识

  • 页面强制横屏
    页面强制横屏
    最近公司要开发一个移动端的养成类网页游戏(就是用手点各种按钮最后你会找到一个女朋友=。=),要求横屏显示,不能竖屏。有经验的你肯定知道,当用户竖屏打开时,提示说你要把手机转过来是在是件很傻×的事情。这时如果用户没开启手机里的横屏模式,还要逼用户去开启。这时候用户早就不耐烦的把你的游戏关掉了。我先进行了调研,想看有没有现成的api。参考过screen的api以及manifest方法,实验结果当...
    css知识 . 每日编程 4900 2017-04-04 13:41:26
  • css之px自动转rem
    css之px自动转rem
    作为一名前端开发,尤其是在做移动端适配时,rem是我们经常用到的单位,它的好处大家可以自行搜索,网上已经有很多了。但是我们再将设计稿上的px转换成rem时,得手动的去计算,这是一个很耗时、费力的过程,有没有什么办法可以“解放”我们呢?(原谅我的懒~)1.CSS处理器Sass、LESS以及PostCSS这样的处理器都可以处理。Sass(使用Sass的函数、混合宏这些功能来实现):@functi...
    css知识 . 每日编程 2678 2017-04-04 13:40:32
  • web网页导航练习
    web网页导航练习
    我在做导航练习时,是查看那些已经成功的网站的源代码进行练习,希望通过这些成功的代码可以学习到代码背后前端工程师们的编程思路。在查看源代码中我也学习了很多以前忽视的细节,觉得受益匪浅啊。当我打开拉勾网的css文件时,第一部分是用注释的方式标记了文档的时间,作者以及样式表内部方便查看...
    css知识 . 每日编程 1785 2017-04-04 11:20:02
  • display:none;与visibility:hidden;的区别
    display:none;与visibility:hidden;的区别
    我当时回答的是,二者均能实现隐藏元素,但是将元素设置为display:none;之后,会同时取消该元素之前占据的文档流空间,但是visibility:hidden;使得该元素即使不显示,但是依旧会占据空间。当时是电话面试,我回答了之后,对方也没有再继续问与display相关的知识。现在想起...
    css知识 . 每日编程 1153 2017-04-04 11:18:52
  • 前端图片延迟加载详细讲解
    前端图片延迟加载详细讲解
    原本是打算昨天昨天下午的时候就写一篇关于前端图片延迟加载的详细技术的博客的,没想到下午公司项目出现了一些问题,所以一直在改代码进行调试,今天白天一整天又在外面跑,回来已经傍晚了,刚吃完饭,就想着赶...
    css知识 . 每日编程 2163 2017-04-04 11:16:29
  • 适配各种尺寸的设备的实现
    适配各种尺寸的设备的实现
    有时候我们会有让内容恰好占一屏,并且适配各种尺寸的设备的需求。我们先不谈这样做会导致在一些设备上的显示不尽人意,直接谈如何实现。我们会第一个想到的可能是,页面内所有块级元素的宽度,高度,边距值(margin,padding)都用百分数呗。在水平方向,宽度,水平方向的间距值如果为百分数的值,其值是相对于其父元素的宽度来计算的,可以实现水平方向适配不同尺寸的设备。在垂直方向,高度值如果为百分数,...
    css知识 . 每日编程 1810 2017-04-04 11:12:41
  • float的正确用法,90%的人都用错了
    float的正确用法,90%的人都用错了
    对于web前端开发人员,你对float一定不会陌生。你离不开它,却常常忍受着它给你带来的种种痛苦,也许你觉得它就那么一点儿知识,但是你真的能驾驭它么?如此熟悉的它,却常常变得让你不认识,显得那么陌生,以至于你觉得它丧心病狂到令人发指的地步。今天,年轻的大叔带你来重新认识一下这个熟悉的陌生朋友吧。float最初的设计初衷,是为了实现图文混排效果,让文字环绕图片。如今的用法基本上都是为了实现横向...
    css知识 . 每日编程 4076 2017-04-04 11:08:47
  • css各种实用技巧
    css各种实用技巧
    其它技巧和经验列表(*以下实例默认运行环境都为Standard mode): 如何让层在falsh上显示?方法: 设置flash的wmode值为transparent或opaque 如何使用标准的方法在页面上插入flash?方法: ![](*.jpg) 至于flash的宽高可以在css里设置 如何在点文字时也选中复选框或单选框?方法1: 选项一 选项二 选项一 选项二...
    css知识 . 每日编程 1274 2017-04-04 11:04:09
  • 纯CSS3画出小黄人并实现动画效果
    纯CSS3画出小黄人并实现动画效果
    前言前两天我刚发布了一篇CSS3实现小黄人动画的博客,但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片,并自己用PS抠出需要实现动画的部分,最后才完成的动画效果。但是,其实我的初衷是想体验一下用图片做动画的赶脚,但是找不到素材,才无奈用了最笨的方法来满足自己的需求,本想勉强能看就行了。可是呢,还是抵不住自己内心的完美,于是乎,用了一个晚上用CSS3画出了小黄人再实现类似...
    css知识 . 每日编程 2108 2017-04-04 11:02:21
  • CSS浮动与浮动清除(BFC)简单教程
    CSS浮动与浮动清除(BFC)简单教程
    浮动 1. 什么是浮动 当元素的 float 属性不为 none 时就产生了浮动。 2. 浮动的影响 浮动会使元素脱离文档流,具体表现为:父元素高度塌陷,即不会包含浮动元素。比如上面的代码就会表现为父元素高度塌陷文本环绕。文本环绕效果可以注意到这里.normal元素的宽度覆盖了.float元素,但是.float元素下是没有文本的,也就是说文本被“挤”出来了,这是因为它虽然会脱离文档流,但是不...
    css知识 . 每日编程 2103 2017-04-04 10:59:11
  • 高性能的视差动画【译】
    高性能的视差动画【译】
    高性能的视差动画 原文地址: https://developers.google.com/web/updates/2016/12/performantparallaxing原文作者: Paul Lewis译文作者: 接灰的电子产品 爱也好,恨也好,视差效果已经遍布web之上了。当你用的巧妙的时候,它可以给应用增加深度和隐喻效果。但问题在于实现一个高性能的视差效果是一个很有挑战的工作。在这篇...
    css知识 . 每日编程 1622 2017-04-04 10:21:38
  • 使用css3实现简单的响应式布局(代码)
    使用css3实现简单的响应式布局(代码)
    本文简单的讲解了如何使用css3实现简单的响应式布局,可以实现同一个界面,本代码在不同宽度的渲染宽度下显示不同的布局。
    css知识 . 每日编程 3112 2017-04-03 15:09:57
  • 移动端web页面自适应:rem的运用
    移动端web页面自适应:rem的运用
    那对于移动端的自适应就 一般的宣传页面全屏滑动那种,用百分比,若复杂了就肯定不行,仔细看了下某淘的处理用的rem为单位,就学习在这个方法吧首先对于设计图,width 一般是640的。
    css知识 . 每日编程 2106 2017-04-03 14:34:10
  • 什么是web响应式网站?
    什么是web响应式网站?
    什么是web响应式网站?css根据屏幕宽度,自动调整网页div显示和布局,以适应不同尺寸屏幕优化浏览体验。先看一个响应式布局网站例子
    css知识 . 每日编程 2273 2017-04-03 14:43:56
  • css3中的常用属性介绍
    css3中的常用属性介绍
    阴影类型:此参数是一个可选值,如果不设值,其默认的投影方式是外阴影;如果取其唯一值“inset”,就是将外阴影变成内阴影,也就是说设置阴影类型为“inset”时,其投影就是内阴影;
    css知识 . 每日编程 1564 2017-04-02 11:00:45

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号