当前位置:首页 > 技术文章 > web前端 > css教程

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

PHP讨论组

组员:3305人话题:1500

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

学习途径

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

某家居企业网站整站1.1

1、演示:以截图为准 程序试用后台:http://你的域名/admin/login.asp 后台登陆帐号:admin 密码:admin 说明: 这个是基于asp+access的企业网站源码,数据库已设有有防下载,网站更安全 要修改网站,自定义你自己要的页面,和美化页面都是你自己完成,网站源码程序完整,后台功能强大。 调试运行环境:要安装IIS服务器(IIS的安装和配置,安装好后,在地址栏输入:http://127.0.0.1 即可访问网站)。
企业站源码
2025-10-22

启科PHP淘宝客系统

1、请上传下载到的淘宝客系统安装包并上传到空间根目录中进行解压,解压后将网站文件移动到根目录的位置,然后访问 /install 进行安装。您也可以在本地解压,并以二进制方式将程序上传至您的网站空间。 2、同意启科网络电子商务系统安装协议进入下一步。 3、如果系统检测环境通过,则会提示输入您的数据库服务器地址(一般为本机,即127.0.0.1或者localhost)、数据库账号、数据库密码、数据库名等信息并确认安装。 4、如果数据库信息输入正确,系统便提示进行安装,确认后程序将执行数据库配置并导入初始数据
电商源码
2025-10-22

外贸英文智能门锁独立站源码2.0.7

这款 Zancms 外贸英文电子产品手表网站源码是专为外贸业务打造。它由 zancms 外贸独立站系统基于智能门窗出口企业的独特需求进行研发设计,不仅适用于智能门锁类企业,对各类智能产品企业的出口业务拓展同样大有裨益。 其具备显著的语言优势,采用英文界面呈现,且内置智能 AI 翻译功能,在获得商业授权后更可开启多语言模式,充分满足不同地区用户的语言需求,并且整个网站的架构与布局完全依照国外用户的阅读习惯精心打造,能为海外访客提供极为友好的浏览体验。 在技术内核方面,采用 thi
企业站源码
2025-10-22

小生淘宝客程序打折程序

淘宝客打折系统,集成了jssdk模块,增加了seo优化功能,更有利于搜索引擎收录 1程序上传到服务器空间 2开启服务器 3打开安装地址:http://您的域名/install.php 4如果不能安装请确保数据库里的表全部删除 5进入后台地址:http://您的域名/main.php 默认用户名和密码都是admin 6测试数据时可以导入 test文件夹里的test.sql文件 到数据库,或者自己到采集功能下进行采集 2013-05-11[在线更新功能更新] nginx伪静态化 添加收藏功能 增
电商源码
2025-10-22

极简主义艺术建筑设计矢量模板

极简主义艺术建筑设计矢量模板适用于城市规划图、建筑设计概念展示、房地产广告、室内设计草图、城市文化活动海报等与建筑、历史建筑教育资料等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

快乐儿童植树节插画矢量素材

快乐儿童植树节插画矢量素材适用于植树节活动宣传、环保组织的宣传材料、学校环境教育活动、春季主题活动海报、户外用品品牌的广告、自然保护项目的介绍、生态旅游的宣传册等与环境保护和自然教育相关等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

搞笑卡通小丑愚人节矢量素材

搞笑卡通小丑愚人节矢量素材适用于愚人节主题的派对邀请函、宣传愚人节特别活动/促销、愚人节社交媒体封面和帖子、商家营销(愚人节促销活动广告)等相关等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

抽象蓝色彩墨笔触纹理背景矢量

抽象蓝色彩墨笔触纹理背景矢量适用于企业宣传海报、科技产品推广、商务会议背景、网站横幅设计、企业宣传画册封面、社交媒体推文封面、活动邀请函、企业年会背景、科技主题的公众号首图、信息图设计背景、企业招聘宣传等相关设计的AI格式素材。
矢量素材
2025-09-17

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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