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

  • 关于创建各种的10篇文章推荐
    关于创建各种的10篇文章推荐
     介绍   今天,我们要学习如何使用简单的CSS来创建不同类型的平面图形。  使用代码   矩形 .rectangle {    width: 250px;    height: 150px;    background-...
    css教程 . web前端 1942 2017-06-11 09:52:03
  • 关于控制打印的8篇文章推荐
    关于控制打印的8篇文章推荐
      大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。   为打印机而不是屏幕设计的样式/* 样式将只应用于打印 */@media print {...
    css教程 . web前端 2152 2017-06-11 09:51:15
  • px、em如何使用?css中的px、em实例用法总结
    px、em如何使用?css中的px、em实例用法总结
    在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是...
    css教程 . web前端 2101 2017-06-11 09:46:29
  • 关于尖角效果的文章推荐
    关于尖角效果的文章推荐
    经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:代码如下:<p class="arrow"></p><style type="text/css">.a...
    css教程 . web前端 1572 2017-06-11 09:32:52
  • 有关vw单位的文章推荐10篇
    有关vw单位的文章推荐10篇
    在处理移动端页面时,我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果,如 Flipbord 的移动页面:那么应该怎么使用纯 CSS 制作出能够自适应大小的正方形呢?方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位,1vw = 1% viewport width...
    css教程 . web前端 1883 2017-06-11 09:22:44
  • 关于lineheight的详细介绍
    关于lineheight的详细介绍
    1,行高的定义行高是指行间的距离,也就是基线之间的距离,而只有两行文字才会存在两个基线,那么为什么单行文字还具有行高?我们怀着这个疑问往下看。2,行内框盒子模型<p>这是一个单行文字,这里有一个<span>内容区</span>标签。</p>图一“内容区域” (content area)是围绕文字的盒子,我们可以看做是鼠标在选中文字区域的大小,它的大小...
    css教程 . web前端 2097 2017-06-11 09:20:19
  • 关于伪类选择器用法总结
    关于伪类选择器用法总结
    CSS3新增了很多强大的选择器 它可以让我们少写一些js事件脚本 我们先来看看各个版本的选择器有哪些 注: ele代表element元素 attr代表attribute属性,val代表value属性值 :xxx都属于伪类选择器,::xxx都属于伪元素选择器 有名字的选择器我尽量细分了CCS1选择器选择器类型示例说明.class类选择器.demo选择所有class包含demo的元素#idI...
    css教程 . web前端 2479 2017-06-11 09:15:21
  • 有关device-width的文章推荐10篇
    有关device-width的文章推荐10篇
    进行移动web开发已经有一年多的时间了,期间遇到了一些令人很困惑的东西。比如:我们经常使用的里的viewport究竟是什么意思,这里的device-width跟我们用JS获取到的屏宽的区别与联系分别是什么,为什么去掉<meta />标签后页面会变得很小很小?<meta name="viewport" content="width=...
    css教程 . web前端 2337 2017-06-11 09:14:52
  • 关于列表样式的详细介绍
    关于列表样式的详细介绍
    CSS 列表CSS列表属性作用如下:设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表:无序列表 - 列表项标记用特殊图形(如小黑点、小方框等)有序列表 - 列表项的标记有数字或字母使用CSS,可以列出进一步的样式,并可用图像作列表项标记。不同的列表项标记list-style-type属性指定列表项标记的类型是::实例ul....
    css教程 . web前端 3022 2017-06-10 17:33:18
  • 有关任意图片设置的文章推荐5篇
    有关任意图片设置的文章推荐5篇
    本篇文章主要介绍了CSS3实现任意图片lowpoly动画效果实例,这是一个利用CSS3的动画属性实现的结合lowpoly(低多边形风格)的效果,主要利用了CSS3 transform属性的rotate旋转,translate移动,scale缩放这是一个利用CSS3的动画属性实现的结合lowpoly(低多边形风格)的效果,主要利用了CSS3 transform属性的rotate旋转,translat...
    css教程 . web前端 1892 2017-06-10 14:52:38
  • 玩转2D、3D技术的实例教程
    玩转2D、3D技术的实例教程
    CSS3的形状变换允许我们对元素拉伸、缩放等等 这篇我主要谈下一2D平面变换 属性transform可以进行变换 transform就是变形的意思 并且它主要通过函数来使用,有以下函数translate() 平移变换ratate() 旋转变换scale() 缩放变换skew() 倾斜变换matrix() 矩阵变换transform-origin则时定义变换的中心平移变换translate...
    css教程 . web前端 1445 2017-06-10 14:34:56
  • css中尖角的制作实例方法总结
    css中尖角的制作实例方法总结
    经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:代码如下:<p class="arrow"></p><style type="text/css">.a...
    css教程 . web前端 2998 2017-06-10 14:21:57
  • 关于扩散的文章推荐10篇
    关于扩散的文章推荐10篇
    先来个简单的示例,例如:@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则,创建动画。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词...
    css教程 . web前端 1799 2017-06-10 13:37:33
  • 关于四周扩散的详细介绍
    关于四周扩散的详细介绍
    先来个简单的示例,例如:@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则,创建动画。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词...
    css教程 . web前端 2776 2017-06-10 13:36:50
  • 关于嵌入网页的详细介绍
    关于嵌入网页的详细介绍
    当今的直播业务发展日新月异的大环境下,若企业、机构、政府、学校官方网站甚至是个人的网站主页,要是没有个直播版块或视频点播版块,应该都不好意思说是官网吧。 难为了管理网站的技术人员,购买第三方的直播点播云服务,小并发还比较适合。但往往会预估并发量比较大,计算下来,用云平台根本不划算。 尤其现在很多直播云平台都不再提供按照流量付费的方式,而转以峰值带宽付费方式。对比下来,最终只有自建直播点播服务器。那...
    css教程 . web前端 2261 2017-06-10 13:26:27

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号