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

  • 关于网站logo的10篇文章推荐
    关于网站logo的10篇文章推荐
    这篇文章介绍标题栏的title前添加网站logo的方法之前在哪个网上看到的,今天没事给写下来了:1.将像素大小为16*16的图片命名为 favicon.ico,(图片使用的颜色好像不能超过16色),放到网站根目录下就可以了;2.在head标签中添加代码(这种方法图标可以随意命名,也可以不放在根目录下):  标题栏: <link rel="icon" href="...
    css教程 . web前端 2291 2017-06-12 14:16:51
  • flex-direction函数定义与用法汇总
    flex-direction函数定义与用法汇总
    实例设置 <p> 元素内弹性盒元素的方向为相反的顺序:p{display:flex;flex-direction:row-reverse;}效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。属性     flex...
    css教程 . web前端 2768 2017-06-12 14:15:33
  • 关于flex-flow的10篇课程推荐
    关于flex-flow的10篇课程推荐
    实例让弹性盒的元素以相反的顺序显示,且在必要的时候进行拆行:display:flex;flex-flow:row-reverse wrap; 效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。属性     flex-flow29....
    css教程 . web前端 1891 2017-06-12 14:15:13
  • 关于CSS定位的10篇课程推荐
    关于CSS定位的10篇课程推荐
    前言大家在网上最常见的一种方案就是在父元素中relative,然后子元素absolute。这种方案当然好,不过带来的一个缺点就是会改变元素的层级关系,如果在多个地方使用,这样的层叠嵌套的关系会十分混乱。本文先暂时抛弃那种方案,给大家分享几种CSS背景图片定位的方案。1.无依赖的absolute定位在网络上,对absolute存在这样一个误解,认为绝对定位absolute的使用必须要设置父元素相对定...
    css教程 . web前端 1855 2017-06-12 13:52:14
  • margin如何使用?总结margin实例用法
    margin如何使用?总结margin实例用法
    css如何垂直居中一个元素的问题已经是一个老生常谈的问题了。不管对于一个新手或者老手,在面试过程中是经常被问到的。前两天在看一个flex的视频教程,当中提到了有关元素的居中问题,所以今天小编就来扒一扒几种常见的方式。不足之处请大家批评指正(所有的代码都是自己亲手敲过可用的)1、水平居中(margin:0 auto;)    关于这个,大家应该是最不陌生的,不管是在培训班还是自己自学的话 。这个应该...
    css教程 . web前端 4575 2017-06-12 13:51:05
  • 推荐10款常用的粒子动画飘花用法,欢迎下载!
    推荐10款常用的粒子动画飘花用法,欢迎下载!
    粒子动画在ThreeJs可以用几种方式实现本次样例使用Sprite类来构建粒子官方对Sprite类的解释SpriteA sprite is a plane that always faces towards the camera, generally with ..
    css教程 . web前端 3349 2017-06-12 13:44:19
  • CSS元素入门教程:10个CSS元素零基础入门教程推荐
    CSS元素入门教程:10个CSS元素零基础入门教程推荐
    1 写在前面最近在整理cnblogs上页面的样式,默认右侧【随笔分类】中的标签是每行显示一个,而我想把右侧【随笔分类】中的标签设置为一行显示多个标签,至于显示多少个则随标签的大小而定,并且每个标签在鼠标放上去的时候会有背景颜色的变化。效果如下图。下面我们就来分析一下如何让左边的标签显示方式变为右边这样的吧2 块元素在分析块元素之前我们首先建立html网页,以便后面的分析。html代码如下。<...
    css教程 . web前端 1297 2017-06-12 13:44:04
  • display:box函数定义与用法汇总
    display:box函数定义与用法汇总
    display:box;是css3新添加的盒子模型属性,经典的布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari(-webkit-)。一、box-flex属性1.水平等宽盒子代码:<html&gt...
    css教程 . web前端 3593 2017-06-12 13:41:28
  • 推荐10款CSS网页布局特效(收藏)
    推荐10款CSS网页布局特效(收藏)
    为什么计算宽度计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度,如果不计算无论是宽度过大过小就会出现错位问题。怎么计算CSS宽度例一:我们计算一个左右结构的布局样式。假如总宽度为400px,那么左右加起来就应当小于400px,那我们可能左边为300px,右边为100px正确代码: <!DOCTYPE...
    css教程 . web前端 2614 2017-06-12 13:33:57
  • 关于CSS类的10篇文章推荐
    关于CSS类的10篇文章推荐
    这篇文章主要为大家详细介绍了使用HTML5里classList操作CSS类的方法,感兴趣的小伙伴们可以参考一下在JavaScript和JavaScript工具库里征战多年,我经常有这样的遐想:什么时候现代浏览器里能提供一些辅助方法和类库,替代那些JavaScript工具库,比如jQuery,让我们用浏览器原生的方法替代它们。我知道浏览器必定会向这个方向改进,但这个进化过程不会很迅速,而且各种浏览器...
    css教程 . web前端 2367 2017-06-12 13:28:54
  • 关于content属性的9篇课程推荐
    关于content属性的9篇课程推荐
    这篇文章主要介绍了CSS3中的content属性使用示例,是为CSS3入门学习中的基础知识,需要的朋友可以参考下CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。插入纯文字content:"插入的文章",或者content:none不...
    css教程 . web前端 2500 2017-06-12 13:23:22
  • 有关知识总结的文章推荐10篇
    有关知识总结的文章推荐10篇
    朋友们在最初学习css时候,一开始学css基础知识的时候一定学过padding,border和margin,即内边距、边框、外边距。它们组成了最简单的 盒子。一般会使用标准 w3c 盒子模型,就是在网页的顶部加上 doctype 声明。因为加上了 doctype 声明,那么所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。对浏览器的兼容性是非常友好的。这里我...
    css教程 . web前端 2316 2017-06-12 13:22:27
  • 关于替换元素实例用法汇总
    关于替换元素实例用法汇总
    不要小看这个操作,其实是不太容易的。请注意,我们是要替换掉元素的名称,而不是元素的值。XML的内容在内存中是一个DOM树,要替换掉一个元素,其实是要新建一个元素,并且将原先元素的所有子元素都复制过来。在LINQ TO XML中用ReplaceWith来实现using System;using System.Linq;using System.Xml.Linq;namespace Con...
    css教程 . web前端 2333 2017-06-12 10:33:29
  • 关于css布局样式的详细介绍
    关于css布局样式的详细介绍
    DIV+CSS"这种叫法其实是一种不准确的叫法  在做笔记的最前面必须先给大家纠正一个错误,就是"p+CSS"这种叫法其实是一种不准确的叫法,是国人给这种布局标准页面的方法起的名字,是对技术理解不够透彻导致的,而标准的叫法是什么呢?呵呵,没错,标准叫法是xHTML+CSS!  单纯从代码上辨别过去的页面布局方法和现在流行的页面布局方法,认为过去布局页面用的是Table,...
    css教程 . web前端 2333 2017-06-12 09:59:59
  • 关于重复显示的详细介绍
    关于重复显示的详细介绍
    如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,p,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。所以一般用作背景图片的有2类:...
    css教程 . web前端 2045 2017-06-12 09:58:03

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

智能网站管理系统(SmartSite)2.9.1

智能网站管理系统( SmartSite )是由仙人掌软件基于asp+access环境下开发的企业级网站管理系统。SmartSite 内置单页、新闻、产品、视频、下载四大内容模型,在很大程度上满足了更多层次用户的需求和发展需要。会员、在线招聘等功能,加强网站的互动性的同时也可为网站的发展带来一定的盈利模式。SmartSite 开发了全新的、高效的、灵活性更强的模板引擎。无限循环(循环嵌套)标签、自定义标签、数据缓存等功能,支持条件判断,系统函数直接调用等灵活的功能。SmartSite 以安全第一为原则,解
企业站源码
2025-11-16

把握商店购物系统

集成多用户,多语言,多币种,多版面,多显示模式 服务器需支持PHP,MYSQL,Zend Optimizer 超级管理员帐号:mydowns 密码:123 商家管理员帐号:admin 密码:123 商家管理员帐号:webmaster 密码:123
电商源码
2025-11-16

14款通用的生活服装购物类商城模板

软件中只包含14款商城首页模板。内页的模板,可自行用通用的商城内页模板进行添加。(本源码为html源码)
电商源码
2025-11-16

韩枫企业网站管理系统3.0

主要功能模块包括: 系统管理: 公司信息 产品管理 设备管理 订单管理 会员管理   新闻管理 留言管理 初始管理员:韩枫 密码:1239968
企业站源码
2025-11-16

优雅中式古风团扇矢量插图

优雅中式古风团扇矢量插图适用于国风品牌、茶叶广告、高端酒店宣传、文化节纪念品等相关视觉场景设计由AI生成的Ai格式素材。
矢量素材
2025-11-16

温馨居家办公学习桌面矢量背景

温馨居家办公学习桌面矢量背景适用于办公学习等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-16

理想中的房子主题方形海报PSD模板下载

理想中的房子主题方形海报PSD模板适用于房地产海报模板设计 本作品提供理想中的房子主题方形海报PSD模板的图片会员免费下载,格式为PSD,文件大小为15.2M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-16

梦幻童话城堡矢量插画

梦幻童话城堡矢量插画适用于童话书绘本等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-11-16

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