-
CSS:清除浮动的最优方法
所属栏目：[系统] 日期：2020-09-24 热度：128
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 CSS[详细]
-
详解css3 flex弹性盒自动铺满写法
所属栏目：[系统] 日期：2020-09-24 热度：182
style type=text/css.flexcontainer{width:100%;height: 100%;position: absolute;left:0px;top:0px;display: flex;flex-direction: column;}.flex1 {width: 100%;height: 8rem;float: left;background: #f00;}.flex2 {width: 100%;height: 4rem;flex:1;fl[详细]
-
让我来教你使用css中的字体图标的方法
所属栏目：[系统] 日期：2020-09-24 热度：58
副标题#e# 首先什么是字体图标呢，那就是表面上是图标，其实它是文字，我们可以就像设置文字一样去设置字体图标，一般可以使用两种方式去设置字体图标，一种是引入css文件，然后设置特殊的class就可以了；另外一种是通过伪元素中的content去设置，下面跟我[详细]
-
css中filter属性和backdrop-filter的应用与区别详解
所属栏目：[系统] 日期：2020-09-24 热度：146
副标题#e# filter和backdrop-filter具有一定区别： Filter不仅仅作用于当前元素，后代元素也会继承这个属性，作用于一个空背景元素则没有效果。 backdrop-filter 是使透过该层的底部元素模糊化 backdrop-filter属性可以让你为一个元素后面区域添加图形效果[详细]
-
Css3实现无缝滚动防抖
所属栏目：[系统] 日期：2020-09-24 热度：110
图片加文字的无缝滚动，在手机端的效果总体还行，但是图片在手机某些浏览器会抖得腻害！ 错误写法 不能用left，margin-left,像这种写法: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s[详细]
-
CSS 水平居中并限定最大的宽度实现
所属栏目：[系统] 日期：2020-09-24 热度：190
一个 CSS 布局和样式的问题，如何在水平居中和限制最大宽度中，进行平衡 在最近工作中，遇到一个这样的问题： 1. 背景 水平三栏或者两栏的布局，其中一栏内的内容是变动的； 当内容过少时，整体需要居中展示； 当内容过多时，需要根据最大的宽度进行省略；[详细]
-
CSS3 border-radius圆角的实现方法及用法详解
所属栏目：[系统] 日期：2020-09-24 热度：60
以前想实现一个圆角是比较麻烦的，不过现在CSS3来了，实现圆角变的那么的简单只需要一句话：border-radius即可。下面青岛星网跟大家分享下：border-radius的具体用法。 CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个[详细]
-
详解CSS清除图片下几像素空白间隙的方法
所属栏目：[系统] 日期：2020-09-24 热度：138
最近有伙伴问小编的问题： 页面排版的时候发现图片下面有那么1-2像素的间隙空白，怎么去除。 这个是浏览器的一个设计问题。img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3p[详细]
-
CSS中三角形的绘制与巧妙应用实例详解
所属栏目：[系统] 日期：2020-09-24 热度：86
网页中常见的一些三角形，无需制作成图片或者字体图标，使用CSS就可以直接画出来。如小米官网中： 以及京东网页中的： 那么这些三角通过是CSS怎么实现的呢？ 三角的实现 我们可以通过将一个div容器的宽和高都设置为0，然后设置容器的边框来实现。 .box {he[详细]
-
CSS去除表格的默认间距并且制作1px的细线表
所属栏目：[系统] 日期：2020-09-22 热度：187
现在在所谓div css的风气下，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，所以我们通常开头是这样写的： table bor[详细]
-
CSS隐藏网页文字的几种常用方法
所属栏目：[系统] 日期：2020-09-22 热度：158
display:none：它可以使包括容器本身在内的东西都消失，简便且有效，但它有两个耳熟能详的缺陷，那就是对搜索引擎不友好，且被屏幕阅读器所忽略。 text-indent:-9999px：text-indent是首行缩进，所以对于多行文本，若单独使用它就有明显的不足，需加上whit[详细]
-
总结新手学CSS容易出现错误的内容
所属栏目：[系统] 日期：2020-09-22 热度：85
一些新手容易忽略或者出现错漏的地方。 1.首先是对于布局标签的定义。 有时候写好了css，但是反复调试总发现效果差强人意，有那么一块空白，挥之不去。其实这就是对于标签定义的不严谨造成的。因为在xhtml的部分标签里，有一些的默认属性值不一定是为空或[详细]
-
网站配色,CSS主色调配色方案
所属栏目：[系统] 日期：2020-09-22 热度：151
对于设计时，风格定位有困难的人会有一定帮助吧？我也想研究一下！ ---------------------------------------------------------------------------------------------------------------------------------------------- 一、红色的色感温暖，性格刚烈而外[详细]
-
DIV CSS制作网页时易犯的错误总结
所属栏目：[系统] 日期：2020-09-22 热度：104
CSS＋DIV是网站标准（或称WEB标准）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css div的方式实现各种定位。应用应用DIV CSS编码时很容易犯一些错误。本[详细]
-
DIV CSS制作的个性水平导航菜单实例
所属栏目：[系统] 日期：2020-09-22 热度：188
先看下效果: CSS样式代码: 以下为引用的内容： #pointermenu{ border-top: 7px solid black; /*optional border across top*/ margin: 0; padding: 0; } #pointermenu ul{ margin: 0; margin-left: 15px; /*menu offset from left edge of window*/ float:[详细]
-
PDF、ZIP、DOC链接的标注(CSS技巧)
所属栏目：[系统] 日期：2020-09-22 热度：126
原文： 翻译： css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们[详细]
-
巧用CSS滤镜制作绚丽图片播放效果
所属栏目：[系统] 日期：2020-09-22 热度：191
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次，我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。 实现思路：使用revealTrans滤镜制作出超弦图片播放的效果，并每张图片有各自的链接地址。 制作方法： 1、在head中插入JS代码：[详细]
-
学习CSS了解单位em和px的区别
所属栏目：[系统] 日期：2020-09-22 热度：171
这里引用的是Jorux的95%的中国网站需要重写CSS的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数[详细]
-
iOS 13.3.1 更新：定位功能可以完全关闭，拍照速度提升
所属栏目：[系统] 日期：2020-08-25 热度：106
副标题#e# 尽管相隔前一版系统有 40 多天，但苹果这次只是推出了 iOS 13.3.1，综合来看只是对之前 iOS 13.3 的一次小修小补。 不过，这次更新修复了 Deep Fusion 拍摄延迟和增加 U1 芯片的开关控制，对于 iPhone 11 和 iPhone11 Pro 用户来说，也是一个值得[详细]
-
Css Reset(复位)的简单介绍
所属栏目：[系统] 日期：2020-08-24 热度：119
Css Reset是什么? 有些同行叫 css复位,有些可能叫 默认css..... 相信看完全文您会对Css Reset有个重新的认识 原文地址: PS： * { padding: 0; margin: 0; } 这就是最常用的Css Reset，但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css[详细]
-
网页布局 CSS简单实现垂直居中
所属栏目：[系统] 日期：2020-08-24 热度：182
英文原文： 中文译文： 本人英语还没过四级，所以不能说是翻译把，只能说是按照自己的理解去叙述了一遍作者的意思，请各位多多指教。 译文内容： 当你发觉你曾经以为的事实其实并不是那样，你会感觉很开心。 旧的方法 经常做的第一件事通常是如何在 CSS 中[详细]
-
学习css需要什么软件
所属栏目：[系统] 日期：2020-08-24 热度：88
原文： 我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50[详细]
-
CSS教程:网页布局定位及z-index解释
所属栏目：[系统] 日期：2020-08-24 热度：97
声明 定位元素： position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。 平台：win/IE win/FF z-index 用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序 值：auto | 整数 | inherit 默认：auto 适用于：定位元素[详细]
-
CSS网页实例：斜角滑动门导航条
所属栏目：[系统] 日期：2020-08-24 热度：195
斜角导航条看上去立体感比较强，但实现起来比较麻烦；这是前几天写的一个测试代码，实现时，本来想用简单的图片加负数来实现；但GIF图片对半透明的效果无法有很好的支持；所以一边写代码，一边在改图，图片改的比较乱，CSS也没有优化； 但效果出来了； 写[详细]
-
CSS教程:容器定位
所属栏目：[系统] 日期：2020-08-24 热度：95
原文：?id=140 很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择（测试的时候主要用带连接的文字）。 xhtml结构： div a href=#定位后无法选择[详细]
