-
PDF、ZIP、DOC链接的标注(CSS技巧)
所属栏目：[系统] 日期：2020-09-22 热度：54
原文： 翻译： css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们[详细]
-
巧用CSS滤镜制作绚丽图片播放效果
所属栏目：[系统] 日期：2020-09-22 热度：124
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次，我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。 实现思路：使用revealTrans滤镜制作出超弦图片播放的效果，并每张图片有各自的链接地址。 制作方法： 1、在head中插入JS代码：[详细]
-
学习CSS了解单位em和px的区别
所属栏目：[系统] 日期：2020-09-22 热度：123
这里引用的是Jorux的95%的中国网站需要重写CSS的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数[详细]
-
iOS 13.3.1 更新：定位功能可以完全关闭，拍照速度提升
所属栏目：[系统] 日期：2020-08-25 热度：198
副标题#e# 尽管相隔前一版系统有 40 多天，但苹果这次只是推出了 iOS 13.3.1，综合来看只是对之前 iOS 13.3 的一次小修小补。 不过，这次更新修复了 Deep Fusion 拍摄延迟和增加 U1 芯片的开关控制，对于 iPhone 11 和 iPhone11 Pro 用户来说，也是一个值得[详细]
-
Css Reset(复位)的简单介绍
所属栏目：[系统] 日期：2020-08-24 热度：75
Css Reset是什么? 有些同行叫 css复位,有些可能叫 默认css..... 相信看完全文您会对Css Reset有个重新的认识 原文地址: PS： * { padding: 0; margin: 0; } 这就是最常用的Css Reset，但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css[详细]
-
网页布局 CSS简单实现垂直居中
所属栏目：[系统] 日期：2020-08-24 热度：130
英文原文： 中文译文： 本人英语还没过四级，所以不能说是翻译把，只能说是按照自己的理解去叙述了一遍作者的意思，请各位多多指教。 译文内容： 当你发觉你曾经以为的事实其实并不是那样，你会感觉很开心。 旧的方法 经常做的第一件事通常是如何在 CSS 中[详细]
-
学习css需要什么软件
所属栏目：[系统] 日期：2020-08-24 热度：61
原文： 我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50[详细]
-
CSS教程:网页布局定位及z-index解释
所属栏目：[系统] 日期：2020-08-24 热度：56
声明 定位元素： position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。 平台：win/IE win/FF z-index 用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序 值：auto | 整数 | inherit 默认：auto 适用于：定位元素[详细]
-
CSS网页实例：斜角滑动门导航条
所属栏目：[系统] 日期：2020-08-24 热度：137
斜角导航条看上去立体感比较强，但实现起来比较麻烦；这是前几天写的一个测试代码，实现时，本来想用简单的图片加负数来实现；但GIF图片对半透明的效果无法有很好的支持；所以一边写代码，一边在改图，图片改的比较乱，CSS也没有优化； 但效果出来了； 写[详细]
-
CSS教程:容器定位
所属栏目：[系统] 日期：2020-08-24 热度：70
原文：?id=140 很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择（测试的时候主要用带连接的文字）。 xhtml结构： div a href=#定位后无法选择[详细]
-
使用Flex布局实现头部固定内容区域滚动的方法
所属栏目：[系统] 日期：2020-08-21 热度：64
页面头部固定布局以前用 position:fixed实现，如今可以用flex布局实现，快捷方便。 Flex布局好处：1.不破坏html文档流 2.兼容性更好。 display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。 view view class=header/view view class=conten[详细]
-
css教程:css指令,兼容,注释,selector
所属栏目：[系统] 日期：2020-08-21 热度：89
1．2 跟css有关的标记，指令1．2．1 linklink rel=stylesheet type=text/css href=http://www.jb51.net/css/sheet1.css media=all /link标记的用意是允许将html与其他文档相关联。Css用link将css文档与html文档想关联。Css文档虽然不是html的一部分，但是被[详细]
-
div css在思路和流程上实现结构与表现的分离
所属栏目：[系统] 日期：2020-08-21 热度：151
内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div cssxhtml css纯代码的分离，思想上流程上，到底如何分离？ 古老的话题：一首古诗的分离 1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版[详细]
-
DIV CSS网页布局的基础知识整理
所属栏目：[系统] 日期：2020-08-21 热度：142
jb51.net的CSS教程栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：global.css；[详细]
-
CSS教程:元素层叠级别及z-index
所属栏目：[系统] 日期：2020-08-21 热度：92
原文： 声明 定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。 平台：win/IE win/FF z-index: 用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序 值： auto | 整数 | inherit 默认： auto 适用于：[详细]
-
思考Web站点设计对类以及id的命名方式
所属栏目：[系统] 日期：2020-08-21 热度：129
Web开发者（也就是您）可以通过创建CSS类及id名称并使用这些名称来对Div以及其他的页面元素、标签进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的css selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见[详细]
-
css网页制作实用技巧9则
所属栏目：[系统] 日期：2020-08-21 热度：88
本篇总结了一些css常用技巧，为网站重构打下基础，但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手[详细]
-
CSS动态条形加载条效果的示例代码
所属栏目：[系统] 日期：2020-08-20 热度：64
运用了css变量的知识，直接上代码及其我加的注释 !DOCTYPE htmlhtml headmeta charset=utf-8title展示一个css动态条形加载条/titlestyle/* 使用CSS变量 */.flex {display: flex;list-style: none;/* 设定li元素横向排列 */}.loading {width: 200px;height:[详细]
-
CSS中的两个特殊值用于控制层叠的inherit和initial的方法
所属栏目：[系统] 日期：2020-08-20 热度：183
在CSS中有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。我们来看看这两个特殊值。 使用inherit关键字 有时，我们想用继承代替一个层叠值。这时候可以用 inherit 关键字。可以用它来覆盖另一个值，这样该元素就会继承其父元素的值。 假设[详细]
-
HTML和CSS的关键:盒子模型(Box model)
所属栏目：[系统] 日期：2020-08-18 热度：80
原文： 本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词[详细]
-
CSS framework日常开发的经验总结
所属栏目：[系统] 日期：2020-08-18 热度：169
CSSframework可以更快速、有效、可扩展的去书写站点的CSS代码。在jb51.net以前的文章中，我们有过多篇此类知识的介绍，以下是个某个知名团队在日常开发中的思考与总结，可能您会提出一些不同的观点，没关系，欢迎发表评论，和jb51.net的众多CSSer一起探讨[详细]
-
使用css的filter写鼠标滑过效果的实现示例
所属栏目：[系统] 日期：2020-08-18 热度：132
使用css的filter写鼠标滑过效果 div class=filter-div img class=filter-img src=http://www.jb51.net/css/../assets/images/01list.png//divstyle.filter-div {width: 67px;height: 50px;background: #fff;:hover {background: #5d7aae;}}.filter-img {wi[详细]
-
css动画效果之animation的常用样式
所属栏目：[系统] 日期：2020-08-18 热度：118
/*设置一个关键帧，定义动画每一步执行的动作*/@keyframes mybox{0%{transform: translate(0,0);}25%{transform: translate(200px,0);}50%{transform: translate(200px,200px);}75%{transform: translate(0,200px);}100%{transform: translate(0,0);}} /*[详细]
-
CSS心形加载的动画源码的实现
所属栏目：[系统] 日期：2020-08-18 热度：176
废话不多说上代码，代码很简答，研究一下就明白了，有不明白的可以问我。 !DOCTYPE htmlhtml headmeta charset=utf-8title/titlestyle type=text/css.heart-loading {margin-top: 120px;width: 200px;height: 200px;}ul {list-style: none;display: flex;j[详细]
-
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
所属栏目：[系统] 日期：2020-08-18 热度：57
副标题#e# 简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性，可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。 font: italic bold 18px/1.2 Helvetica, Arial, sans-serif; 还有如下[详细]
