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

  • 有关在IE8中CSS3选择器nth-child()不兼容问题的解决方法
    有关在IE8中CSS3选择器nth-child()不兼容问题的解决方法
    一、代码<style>ul{list-style: none}div ul li{width:100px;height:30px;border:#eee 1px solid;float:left;}div ul li:nth-child(1){background:#f00;}div ul li:nth-child(3){background:#ccc;}</style> <div> <ul> <li>11&l
    css教程 . web前端 1777 2017-03-14 11:45:45
  • 深入解析css中position属性和z-index属性
    深入解析css中position属性和z-index属性
    在网页设计中,position属性的使用是非常重要的。有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难。position属性共有四种不同的定位方法,分别是static、fixed、relative、absolute。最后将会介绍和position属性密切相关的z-index属性。第一部分:position: staticstatic
    css教程 . web前端 1682 2017-03-14 11:39:45
  • 有关CSS的高级布局技巧
    有关CSS的高级布局技巧
    随着 IE8 逐渐退出舞台,很多高级的 CSS 特性都已被浏览器原生支持,再不学下就要过时了。用 :empty 区分空元素兼容性:不支持 IE8Demo假如我们有以上列表:<div class="item">a</div><div class="item">b</div><div class="item"></div>我们希望可以对空元素和非空元素区别处理,那么有两
    css教程 . web前端 1854 2017-03-14 11:36:10
  • CSS有关继承的解析
    CSS有关继承的解析
    我酷爱模块化设计。长期以来我都热衷于将网站分离成组件,而不是页面,并且动态地将那些组件合并到界面上。这种做法灵活,高效并且易维护。但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面,而不是一张超现实主义的照片。很幸运的是,已经有一项叫做 CSS 的技术,就
    css教程 . web前端 1169 2017-03-14 11:04:50
  • 使用CSS画爱心代码实例
    使用CSS画爱心代码实例
    今天小颖给大家分享一个用CSS画的爱心,底下有代码和制作过程,希望对大家有所帮助。第一步:先画一个正方形。如图:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css画桃心</title> <style media="screen"> .heart-body {
    css教程 . web前端 5657 2017-03-14 10:32:30
  • 解析CSS3中nth-child与nth-of-type的区别
    解析CSS3中nth-child与nth-of-type的区别
    CSS3中nth-child与nth-of-type的区别其实很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素, 而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。 文字未免听起来比较晦涩,便于理解,这
    css教程 . web前端 1371 2017-03-14 10:28:54
  • 详解css中border-image的使用方法
    详解css中border-image的使用方法
    border-image-source 属性设置边框的图片的路径[none | <image>]div { border: 20px solid #000; border-image-source: url(border.png);}border-image-slice 属性图片边框向内偏移[ <number> | <percentage> ](1,4) ?filldiv { border: 20px solid #000; border-im
    css教程 . web前端 1756 2017-03-14 10:24:01
  • 详解CSS属性值用法
    详解CSS属性值用法
    万维网联盟(W3C) 使用了一套特别的语法来定义 CSS 的属性值,能让所有的 CSS 属性都用。如果你曾看过 CSS 规范,你可能已经见过这套语法了。就像 border-image-slice 的语法 ,让我们看看:<'border-image-slice'> = [<number> | <percentage>]{1,4} && fill?如果你不知道这些符号以及它
    css教程 . web前端 2226 2017-03-14 10:15:11
  • 使用CSS边框特效实现技巧分享
    使用CSS边框特效实现技巧分享
    半透明的边框如何实现?多重边框如何实现?这篇文章就是主要针对CSS边框特效实现技巧进行探究,感兴趣的小伙伴们可以参考一下
    css教程 . web前端 2231 2017-03-13 17:34:02
  • 利用CSS中linear制作复杂的边框效果实例分析
    利用CSS中linear制作复杂的边框效果实例分析
    这篇文章主要介绍了利用CSS中linear制作复杂的边框效果实例分析的相关资料,利用linear-gradient属性制作绚丽的边框效果
    css教程 . web前端 2184 2017-03-13 17:35:13
  • 实现CSS3不透明度完整代码
    实现CSS3不透明度完整代码
    这篇文章主要为大家详细介绍了CSS3不透明度实例,以设计灯箱广告背景布的透明度为例,为大家介绍CSS3不透明度的调节方法,感兴趣的小伙伴们可以参考一下
    css教程 . web前端 2886 2017-03-20 10:45:28
  • 详解CSS3 RGBA色彩模式使用实例代码
    详解CSS3 RGBA色彩模式使用实例代码
    这篇文章主要以设计带有阴影边框的表单为例,为大家介绍了CSS3 RGBA色彩模式使用方法,感兴趣的小伙伴们可以参考一下
    css教程 . web前端 2460 2017-03-13 17:36:18
  • 利用CSS3实现千变万化的文字阴影text-shadow效果设计
    利用CSS3实现千变万化的文字阴影text-shadow效果设计
    这篇文章主要介绍了CSS3实现千变万化的文字阴影text-shadow效果设计的相关资料,感兴趣的小伙伴们可以参考一下
    css教程 . web前端 2368 2017-03-13 17:37:18
  • 利用CSS实现水平居中的4种思路简要概述
    利用CSS实现水平居中的4种思路简要概述
    水平居中是经常遇到的问题。看似方法较多,条条大路通罗马。但系统梳理下,其实都围绕着几个思路展开。本文将介绍关于水平居中的4种思路,感兴趣的朋友参考下吧
    css教程 . web前端 1483 2017-03-13 17:38:27
  • 使用CSS实现文字环绕图片效果
    使用CSS实现文字环绕图片效果
    这篇文章主要为大家详细介绍了CSS文字环绕图片遇到的问题及解决方法,感兴趣的小伙伴们可以参考一下
    css教程 . web前端 2354 2017-03-13 17:39:09

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

我要服装批发网

由逍遥网店系统修改而成,修改内容如下:前台商品可以看大图功能后台商品在线添加编辑功能 (允许UBB)破解了访问统计系统增加整合了更加强大的第三方统计系统 (IT学习者v1.6)并且更新了10月份的IP数据库。修正了后台会员订单折扣金额处理错误BUG去掉了会员折扣价这个功能,使用市场价,批发价。这样符合实际的模式,批发价非会员不可看修正了在线编辑无法使用 &ldquo;代码&rdquo;&ldquo;文本&rdquo; &ldquo;浏览&rdquo; &am
电商源码
2025-11-21

QQ号码交易网

QQ号码交易网后台功能:友情链接管理,用户留言管理,网站公告管理,管 理 员管理,QQ号管理分类管理,添加数据,添加群号,添加增值服务,单页面管理管理目录:admin管理帐号:admin管理密码:admin认 证 码:admin网站头部:top.asp网站图片:images
电商源码
2025-11-21

远航CMS(yhcms)(分站版)2.6.5

远航CMS(yhcms)是一套基于PHP+MYSQL为核心开发的专业营销型企业建站系统。是国内首家免费+开源自带分站系统的php内容管理系统。长期以来不断的完善、创新,远航CMS会为您带来全新的体验!产品十大优势:模板分离:模板程序分离,深度二次开发三网合一:电脑/手机/微信 多终端访问自定义广告:图片/文字/动画定时发布:SEO维护,无需人工值守多词生成:栏目关键词多方案生成SEO设置:自定义URL/关键字商业模板:多套精美模板供您选择城市分站:任意设置城市推广区域热门标签:自动替换关键词链接站点地图
企业站源码
2025-11-21

最土团购系统

最土团购系统是国内最专业、功能最强大的GroupOn模式的免费开源团购系统平台,专业技术团队、完美用户体验与极佳的性能,立足为用户提供最值得信赖的免费开源网上团购系统。最土团购系统v2.0商业版于2011年5月12日开放免费下载。使用说明: (1)软件要求:空间必须支持PHP5/MYSQL5,PHP必须开启Php-mbstring、Php-gd两项模块(2)下载最新程序包解压并上传到空间根目录中执行安装(3)进入安装界面,填写MYSQL地址,通常为本地地址localhost,输入MYSQL的账号和密码(
电商源码
2025-11-21

手绘返校季开学季矢量素材

手绘返校季开学季矢量素材适用于开学季等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-21

万圣节南瓜堆合集矢量素材

万圣节南瓜堆合集矢量素材适用于等相关视觉场景设计由AI生成的Ai格式素材。
矢量素材
2025-11-21

柔和多彩手绘农场动物矢量合集

柔和多彩手绘农场动物矢量合集适用于儿童游戏、学前教育材料或乡村主题等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-21

天文学与太空背景矢量素材

天文学与太空背景矢量素材适用于卡通绘本、太空模拟游戏、科幻电影海报、科技展览、书籍插图等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-21

驾照考试驾校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号