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

  • 关于控制打印的8篇文章推荐
    关于控制打印的8篇文章推荐
      大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。   为打印机而不是屏幕设计的样式/* 样式将只应用于打印 */@media print {...
    css教程 . web前端 2147 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前端 2093 2017-06-11 09:46:29
  • 关于尖角效果的文章推荐
    关于尖角效果的文章推荐
    经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:代码如下:<p class="arrow"></p><style type="text/css">.a...
    css教程 . web前端 1566 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前端 1867 2017-06-11 09:22:44
  • 关于lineheight的详细介绍
    关于lineheight的详细介绍
    1,行高的定义行高是指行间的距离,也就是基线之间的距离,而只有两行文字才会存在两个基线,那么为什么单行文字还具有行高?我们怀着这个疑问往下看。2,行内框盒子模型<p>这是一个单行文字,这里有一个<span>内容区</span>标签。</p>图一“内容区域” (content area)是围绕文字的盒子,我们可以看做是鼠标在选中文字区域的大小,它的大小...
    css教程 . web前端 2086 2017-06-11 09:20:19
  • 关于伪类选择器用法总结
    关于伪类选择器用法总结
    CSS3新增了很多强大的选择器 它可以让我们少写一些js事件脚本 我们先来看看各个版本的选择器有哪些 注: ele代表element元素 attr代表attribute属性,val代表value属性值 :xxx都属于伪类选择器,::xxx都属于伪元素选择器 有名字的选择器我尽量细分了CCS1选择器选择器类型示例说明.class类选择器.demo选择所有class包含demo的元素#idI...
    css教程 . web前端 2473 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前端 2333 2017-06-11 09:14:52
  • 关于列表样式的详细介绍
    关于列表样式的详细介绍
    CSS 列表CSS列表属性作用如下:设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表:无序列表 - 列表项标记用特殊图形(如小黑点、小方框等)有序列表 - 列表项的标记有数字或字母使用CSS,可以列出进一步的样式,并可用图像作列表项标记。不同的列表项标记list-style-type属性指定列表项标记的类型是::实例ul....
    css教程 . web前端 3015 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前端 1889 2017-06-10 14:52:38
  • 玩转2D、3D技术的实例教程
    玩转2D、3D技术的实例教程
    CSS3的形状变换允许我们对元素拉伸、缩放等等 这篇我主要谈下一2D平面变换 属性transform可以进行变换 transform就是变形的意思 并且它主要通过函数来使用,有以下函数translate() 平移变换ratate() 旋转变换scale() 缩放变换skew() 倾斜变换matrix() 矩阵变换transform-origin则时定义变换的中心平移变换translate...
    css教程 . web前端 1441 2017-06-10 14:34:56
  • css中尖角的制作实例方法总结
    css中尖角的制作实例方法总结
    经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:代码如下:<p class="arrow"></p><style type="text/css">.a...
    css教程 . web前端 2983 2017-06-10 14:21:57
  • 关于扩散的文章推荐10篇
    关于扩散的文章推荐10篇
    先来个简单的示例,例如:@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则,创建动画。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词...
    css教程 . web前端 1794 2017-06-10 13:37:33
  • 关于四周扩散的详细介绍
    关于四周扩散的详细介绍
    先来个简单的示例,例如:@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则,创建动画。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词...
    css教程 . web前端 2770 2017-06-10 13:36:50
  • 关于嵌入网页的详细介绍
    关于嵌入网页的详细介绍
    当今的直播业务发展日新月异的大环境下,若企业、机构、政府、学校官方网站甚至是个人的网站主页,要是没有个直播版块或视频点播版块,应该都不好意思说是官网吧。 难为了管理网站的技术人员,购买第三方的直播点播云服务,小并发还比较适合。但往往会预估并发量比较大,计算下来,用云平台根本不划算。 尤其现在很多直播云平台都不再提供按照流量付费的方式,而转以峰值带宽付费方式。对比下来,最终只有自建直播点播服务器。那...
    css教程 . web前端 2251 2017-06-10 13:26:27
  • 有关radio、checkbox的课程推荐10篇
    有关radio、checkbox的课程推荐10篇
    以前做自定义样式的radio, checkbox 的时候,一直是如下结构<label>    <span class="diyRadio">        <i
    css教程 . web前端 1789 2017-06-10 13:22:58

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

NetGou网店购物系统

NetGou是一款国内知名的购物系统网店系统,它功能强大完善、运行稳定快速、界面友好人性化、可扩展性强。系统支持无限级商品分类管理、商品品牌管理、商品供货商管理、商品可同时加入多个商品分类商品批发价格,购买不同的商品数量可以设置不同的价格。不同的商品选项可以设置不同的价格订单中可以加入商品、删除商品、更改商品数量和价格、更改配送方式和配送费用新闻管理、销售统计、数据备份恢复,不同的会员等级可以设置不同的订单折扣、折扣卷、优惠卷、预存款支付系统采用模板系统、PHP功能代码和界面模版代码分离,不需要学习PH
电商源码
2025-10-24

胜利综合企业网企业黄页

根据视觉黄页修改 密码:admin
企业站源码
2025-10-24

冠龙科技企业网站管理系统

冠龙科技企业网站管理系统是基于ASP+ACCESS技术开发的电子商务平台,
电商源码
2025-10-24

源码库建站工作室网站整站源码下载5.7

极品织梦工作室网站整站源码下载,源码编码:utf-8 ,采用的在织梦官网下载的最新dedecms5.7 utf-8程序制作, 新手直接可以使用这个源码建站. 具体方法请参看里面的说明文档
企业站源码
2025-10-24

极简主义艺术建筑设计矢量模板

极简主义艺术建筑设计矢量模板适用于城市规划图、建筑设计概念展示、房地产广告、室内设计草图、城市文化活动海报等与建筑、历史建筑教育资料等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

快乐儿童植树节插画矢量素材

快乐儿童植树节插画矢量素材适用于植树节活动宣传、环保组织的宣传材料、学校环境教育活动、春季主题活动海报、户外用品品牌的广告、自然保护项目的介绍、生态旅游的宣传册等与环境保护和自然教育相关等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

搞笑卡通小丑愚人节矢量素材

搞笑卡通小丑愚人节矢量素材适用于愚人节主题的派对邀请函、宣传愚人节特别活动/促销、愚人节社交媒体封面和帖子、商家营销(愚人节促销活动广告)等相关等相关视觉场景设计的AI格式素材。
矢量素材
2025-09-17

抽象蓝色彩墨笔触纹理背景矢量

抽象蓝色彩墨笔触纹理背景矢量适用于企业宣传海报、科技产品推广、商务会议背景、网站横幅设计、企业宣传画册封面、社交媒体推文封面、活动邀请函、企业年会背景、科技主题的公众号首图、信息图设计背景、企业招聘宣传等相关设计的AI格式素材。
矢量素材
2025-09-17

驾照考试驾校HTML5网站模板

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

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

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

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

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

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

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

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