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

  • CSS选择器中带点(.)的解决办法
    CSS选择器中带点(.)的解决办法
    作为选择器是不可能起作用的。 那么问题来了,怎么用把上面元素的id作为css的选择器呢?解决办法是用"转义符",类似如下:
    css教程 . web前端 2332 2017-10-08 09:33:44
  • css动画之模拟正余弦曲线的实例分享
    css动画之模拟正余弦曲线的实例分享
    从左到右的抛物线动画,我们就暂且把动作分为匀速向右运动和变速的上下运动。 水平匀速运动我们可以利用 translateX(x):定义 2D 转换,沿着 X 轴移动元素;以及linear:动画从头到尾的速度是相同的 这两个属性值来实现; 上下的匀变速运动可以利用translateY(y):定义 2D 转换,沿着 Y 轴移动元素;以及ease-in-out:动画以低速开始和结束。
    css教程 . web前端 2034 2017-10-08 09:33:56
  • 什么是CSS的盒子模型
    什么是CSS的盒子模型
    盒子模型(DIV+CSS布局)是CSS的基石,它指定元素如何显示以及(在某种程度上)如何相互交互。      页面上的每个元素都被浏览器看成是一个矩形的盒子,这个盒子由元素的内容、填充、边框和边界组成。盒子模型示意图     网页就是由许多盒子通过不同的排列方式(上下排列、并列排列、嵌套排列等)堆积而成。其中设置盒子的大小、位置、填充、边框。总结每一个HTML元素都可以看作是一个装了东西的盒子。
    css教程 . web前端 1929 2017-09-26 10:00:38
  • 浅谈link与@import的区别
    浅谈link与@import的区别
    外部引入 CSS 有2种方式,link和@import。结论:  强烈建议使用 link 标签,慎用 @import 方式。  可以避免考虑 @import 的语法规则和注意事项,避免产生资源文件下载顺序混乱以及http请求过多的烦恼。区别:  1.加载顺序加载页面时,link 标签引入的 CSS 文件被同时加载; @import 引入的 CSS 文件将在页
    css教程 . web前端 1707 2017-09-25 10:15:45
  • 如何利用 CSS3 实现的无缝轮播
    如何利用 CSS3 实现的无缝轮播
    利用 CSS3 实现的无缝轮播 1 . html的架构 : <
    css教程 . web前端 1819 2017-09-25 09:13:18
  • 如何用Bootstrap实现图片弹出放大
    如何用Bootstrap实现图片弹出放大
    前台HTML:td>center>img style=height: 100px;width: 100px; onmouseover=this.style.cursor='pointer';this.style.cursor='hand' onmouseout=this.style.cursor='default' src= onclick=javascript:s
    css教程 . web前端 8358 2018-10-15 15:28:04
  • 网页进度条一种简单的实现方法
    网页进度条一种简单的实现方法
    一个很简单的进度条用一个简单的css属性就能实现:cilpclip:rect(top,right,bottom,left)先写一个小程序来解释         .box {            width: 200px;            height: 20px;            background:#ccc;  
    css教程 . web前端 2390 2017-09-23 10:49:05
  • CSS 块级元素/内联元素、继承与相关属性简介
    CSS 块级元素/内联元素、继承与相关属性简介
    什么是块级元素(Block-level elements)?  浏览器通常在元素之前和之后都使用换行符显示块级元素。您可以将其可视化为一堆框。   块级元素始终在新行上开始,并占用可用的全宽(尽可能向左和向右扩展)。 用法:块级元素可能只出现在元素内。什么是内联元素(Inline elements)?  在HTML中,内联元素是仅占据由定义元素的标签界定的空格,而不是破坏内容的流。在
    css教程 . web前端 2003 2017-09-23 10:06:24
  • 弹性盒模型 flex 方法总结
    弹性盒模型 flex 方法总结
    弹性布局 2009年,W3C 提出了一种新的方案—-Flex 布局(弹性布局),可以简便、完整、响应式地实现各种页面布局。 传统盒子模型: 一般的布局我们都是用的盒子模型,通过浮动 定位来布局。 行元素、行内块元素不换行,块元素独占一行的。 利用浮动可以使块元素横排。 但是某些特殊的布局,它们很难实现。比如 垂直居中。设置弹性盒子之后,盒子内部的元素没有行元素与块
    css教程 . web前端 1828 2017-09-23 09:32:55
  • 如何制作一个CSS3非常炫酷的3D动画
    如何制作一个CSS3非常炫酷的3D动画
    CSS3非常炫酷的3D动画 Title *{ margin: 0px; padding: 0px; } ul{ width: 200px; height: 200px; position: relat
    css教程 . web前端 2219 2017-09-22 10:39:33
  • 等高布局如何实现
    等高布局如何实现
    padding补偿法 首先把列的padding-bottom设为一个足够大的值,再把列的margin-bottom设一个与前面的padding-bottom的正值相抵消的负值,父容器设置超出隐藏,这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度,当它里面的任一列高度增加了,则父容器的高度被撑到它里面最高那列的高度,其他比这列矮的列则会用它们的padding-botto
    css教程 . web前端 1502 2017-09-22 10:30:12
  • CSS浮动写法
    CSS浮动写法
    这一章主要记录定位与浮动常用的。1.浮动说到浮动我们要先说说标准流和浮动流。1.标准流标准流很常见,浏览器默认的方式就是标准流。 标准流怎么理解呢? 实现我们得知道CSS中的三种元素分类。行内元素,块级元素,行内块级元素 行内元素 块级元素 行内块级元素 不独占一行 独占一行 不独占一行 默认和内容一样宽 默认和父元素一样宽 默认和内容 不可以设置宽高
    css教程 . web前端 2624 2017-09-22 09:50:13
  • css+div典型布局基本框架
    css+div典型布局基本框架
    基本俩层布局heml代码Css文件脚本代码下载
    css教程 . web前端 4268 2017-09-21 10:38:10
  • footer固定底部的方法
    footer固定底部的方法
    <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>footer始终居于底部</title><style type="text/css">* { margin:0; padding:0; }body { font:14px/1.8 arial; }/*核心代码,html,body,wrap高度100%*/html,
    css教程 . web前端 4780 2017-09-20 10:27:39
  • 比较CSS3选择器:nth-child和:nth-of-type之间的区别
    比较CSS3选择器:nth-child和:nth-of-type之间的区别
    本篇文章主要介绍了CSS3选择器:nth-child和:nth-of-type之间的差异,非常具有实用价值,需要的朋友可以参考下
    css教程 . web前端 2185 2017-09-20 09:51:59

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

微客农场复利系统

微客农场复利系统是一个以php+mysql进行开发的php直销系统源码。软件特点:一、自动结算宠物产生的金币由于网页是触发型,需要有触发才能执行某种功能:比如点击按钮,才能执行某种功能;刷新页面才能执行某种功能&hellip;&hellip;在没有触发的情况下,是不会自动执行程序代码的。而宠物将每天产生金币,这个必须是:网页自动执行和结算。解决方案有两个:1、购买服务器,在服务器里使用软件配置在固定的时间访问某个网页地址,通过这个网页进行金币的结算。从而实现:自动结算金币。这个方案需要有服
电商源码
2025-11-18

商会协会政府事业单位网站(PC端+手机端)5.9.4_240711

本网站采用OpenWBS 企业建站系统开发的网站模版,支持PC端+手机端。适合做公司网站企业网站,特别适合做工程和机械类公司网站。 OpenWBS企业建站系统是一款功能强大的企业建站内容管理系统,专业用于企业网站建设和企业网站制作,面向广大企业用户,帮助企业快速搭建企业官网,不论你是技术大咖还是建站小白,都可以使用企业建站系统快速搭建一个功能齐全的企业网站,非常适合 做公司网站、企业网站、政府单位网站、事业单位网站。 同时支持ACCESS和MSSQL两种数据库引擎。 系统优
企业站源码
2025-11-18

osCommerce

osCommerce 是一套基于GNU GPL授权的开源在线购物电子商务解决方案。osc具有易于操作的可视化安装界面、完善的前台商品展示和户在线购物车功能、强大的后台管理,还有运行速度快,国外很受推崇。官方并没有提供中文语言包,只能靠国内的一个组织汉化,可定制性相对差。
电商源码
2025-11-18

新衡水企业服务网

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

创意工作坊手绘宣传海报设计下载

创意工作坊手绘宣传海报设计适用于工作坊宣传海报设计 本作品提供创意工作坊手绘宣传海报设计的图片会员免费下载,格式为PSD,文件大小为1.2M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-18

自助餐食品标签设计下载

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

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

工作学习空间与办公主题矢量适用于学习办公主题等相关视觉场景设计的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号