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

  • css如何实现背景图电脑端/手机端自适应功能
    css如何实现背景图电脑端/手机端自适应功能
    css代码:@charset utf-8;*{ margin: 0px; padding: 0px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px;}a{ text-decoration: none;}html{ width: 100%; height: 1
    css教程 . web前端 3467 2017-09-09 13:05:34
  • 如何在进度条加载后显示页面
    如何在进度条加载后显示页面
    1.思路:加入很多图片,以延迟加载时间,实现加载完后显示图片。定义一个外层DIV,覆盖住图片,在内层DIV中引入加载时显示的图片,让内层DIV居中在页面上,利用setInterval定时器设置3秒后将外层DIV隐藏,从而显示图片,达到加载完后显示页面的效果。 .loading{ width: 100%; height: 100%; position: fi
    css教程 . web前端 2731 2017-09-09 13:01:40
  • 如何控制html中的字体的宽度
    如何控制html中的字体的宽度
    在盒子模型(二)——line box中我曾经说过,字符字体是没办法直接设置width的。 不过我们还有其他方法来控制字符字体的宽度。单个字符字体的宽度 单个字符字体的宽度只受font-size属性影响。font-size 单个字符字体的宽度
    css教程 . web前端 17871 2017-09-09 11:05:44
  • css中flex弹性盒子的介绍
    css中flex弹性盒子的介绍
    今天主要从他几个属性来介绍弹性盒子display: flex;把元素设置成弹性容器1.flex-direction:可以改变flex容器的方向让其子元素来弹性布局row定义主轴方向为X轴从左到右row-reverse 从右到左column 定义主轴方向为Y轴从上到下2.justify-content排列方式,让其子元素按不同方式进行排列flex-start: 从行首
    css教程 . web前端 1814 2017-09-09 09:20:56
  • css部分常用属性汇总
    css部分常用属性汇总
    CSS的二次学习最近从其他地方复习了一次CSS,发现之前有很多属性没有看到background1.background-color :背景颜色 2.background-image:url() :背景图片 3.background-repeat :背景重复no-repaeat 不重复repeat
    css教程 . web前端 1944 2017-09-09 09:11:59
  • 使用JQUERY实现可变透明度返回顶部效果
    使用JQUERY实现可变透明度返回顶部效果
    1、在页面(HTML)里加上A标签(返回顶部超链接)Top2、添加css样式(可以写在页面里,也可以写在单独的css样式表里).cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0
    css教程 . web前端 2045 2017-09-08 14:17:13
  • 用CSS使单行、多行文本溢出显示省略号的方法
    用CSS使单行、多行文本溢出显示省略号的方法
    如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略
    css教程 . web前端 1975 2017-09-08 14:13:56
  • 利用Css+jQuery 制作下拉菜单
    利用Css+jQuery 制作下拉菜单
    如果是作为select组件使用,可以添加form表单和隐藏域(type=”hidden”),使用jQuery控制向input中写值,或者控制form表单提交。
    css教程 . web前端 1831 2017-09-07 14:37:07
  • 如何用webpack进行css的打包
    如何用webpack进行css的打包
    我假设你环境已经安装好了:webpack默认是不支持打包css(style)的需要安装   npm install css-loader style-loader --save-dev安装完成之后,你还要在你引入css的地方前面加入 "css-loader!路径"require('css-loader!./style.css')
    css教程 . web前端 2536 2017-09-07 13:40:46
  • CSS中可以及不可以继承的属性有哪些
    CSS中可以及不可以继承的属性有哪些
    一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性width、height、margin 、margin-top、margin-right、margi
    css教程 . web前端 1842 2017-09-07 11:01:02
  • CSS中清除float的几种方法
    CSS中清除float的几种方法
    一、抛一块问题砖(display: block)先看现象:分析HTML代码结构:div class=outer> div class=div1>1div> div class=div2>2div> div class=div3>3div>div>分析CSS代码样式:.outer{border: 1px solid #ccc
    css教程 . web前端 1739 2017-09-07 10:51:54
  • 在css中实现平角、弧形切角的样式方法
    在css中实现平角、弧形切角的样式方法
    在web设计中,有时候会碰到一些切角的样式需求,实现方法有很多种,用图片也好,结点叠加覆盖也好,都可以实现切角的样式,这里笔者直接用css来实现切角的样式。 切单一角: background: #58a;background: linear-gradient(-45deg, transparent 15px, #58a 0);采用如上所示css就可以实现样式,修改角度就可以实现任一角度的切角效
    css教程 . web前端 4043 2017-09-07 10:38:13
  • css利用box-shadow实现曲边阴影与翘边阴影实例详解
    css利用box-shadow实现曲边阴影与翘边阴影实例详解
    这篇文章主要介绍了css box-shadow实现曲边阴影与翘边阴影,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    css教程 . web前端 2621 2017-09-07 09:39:16
  • 总结CSS3的新特性(面试必备)
    总结CSS3的新特性(面试必备)
    CSS是一门不断在发展的“语言”,在我们日常面试前端工作的时候是必不可少的一个知识点,下面这篇文章主要给大家分享介绍了关于前端面试必备之CSS3新特性的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    css教程 . web前端 1935 2017-09-07 09:38:08
  • 单纯使用CSS来实现预加载的动画效果代码讲解
    单纯使用CSS来实现预加载的动画效果代码讲解
    本文给大家分享一段简单的代码实现css预加载动画效果,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    css教程 . web前端 2602 2017-09-07 09:35:18

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

新衡水企业服务网

完全仿阿里吧吧的 后台密码都是admin
企业站源码
2025-11-18

网游交易系统

后台功能综合设置、广告管理、游戏服务器管理、订单管理、仓库管理、会员管理、新闻管理、友情链接、留言管理、安全设置、访问统计后台管理地址:admin/index.asp用户名:admin密码:admin
电商源码
2025-11-18

MTTSHOP免费鞋子商城网站

一款非常漂亮的鞋子网站,以蓝色为主调,页面干净清洁、一目了然,非常适合卖鞋子中小企业的朋友 mttshop打造精致、简单、易用、免费的商城 系统要求:IIS5.1以后,必须安装.net 3.5 安装步骤: 1、下载完成后,直接解压文件mb002.rar 2、附加数据库:解压后的可以找一个叫db的文件,解压后直接附加就可以,支持SQL 2000、2005、2008 3、配置web.config文件,找到add key="ASPConn",替换数据表名,登录用户名及密码 4、
电商源码
2025-11-18

DM建站系统汽车保养维修HTML5网站模板1.5

DM建站系统汽车保养维修HTML5网站模板,DM企业建站系统。是由php+mysql开发的一套专门用于中小企业网站建设的开源cms。DM系统的理念就是组装,把模板和区块组装起来,产生不同的网站效果。可以用来快速建设一个响应式的企业网站( PC,手机,微信都可以访问)。后台操作简单,维护方便。DM企业建站系统安装步骤:第一步,先用phpmyadmin导入sql文件。 第二步:把文件放到你的本地服务器,或上传到空间。第三步: 配置数据库信息,编辑 component/dm-config/database.p
企业站源码
2025-11-18

自助餐食品标签设计下载

自助餐食品标签设计适用于自助餐食品标签设计 本作品提供自助餐食品标签设计的图片会员免费下载,格式为PSD,文件大小为1.7M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-18

工作学习空间与办公主题矢量

工作学习空间与办公主题矢量适用于学习办公主题等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-18

水彩风手冲咖啡插画矢量素材

水彩风手冲咖啡插画矢量素材适用于咖啡教学等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-11-18

万圣节南瓜主题海报矢量模板

万圣节南瓜主题海报矢量模板适用于万圣节等相关视觉场景设计由AI生成的Ai格式素材。
矢量素材
2025-11-18

驾照考试驾校HTML5网站模板

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

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

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

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

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

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

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

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