CSS flex-direction 属性
CSS flex-direction 属性
定义和用法flex-direction 属性规定灵活项目的方向。注意：如果元素不是弹性盒对象的元素，则 flex-direction 属性不起作用。默认值：row继承：否可动画化：否。请参阅 可动画化（animatable）。版本：CSS3JavaScri
原创
2022-03-29 18:02:16
193阅读
CSS Sprites优点我们从前面了解到，CSS Sprites为什么突然跑火，跟能够提升网站性能有关。显而易见，这是它的巨大优点之一。普通制作方式下的大量图片，现在合并成一个图片，大大减少了HTTP的连接数。HTTP连接数对网站的加载性能有重要影响。CSS Sprites缺点至于可维护性，这是一般双刃剑。可能有人喜欢，有人不喜欢，因为每次的图片改动都得往这个图片删除或添加内容，显得稍微
推荐
原创
2009-04-23 12:44:51
1314阅读
2评论
1. .box:before{content:"生成内容";}在.box内部的内容之前加上生成内容 2. .box:after{content:"生成内容"; color:red; font-weight:bold;} 只对生成的内容进行操作 3， css设计陷阱：子元素的margin越界问题 以前
转载
2018-05-15 19:15:00
89阅读
2评论
<html><style>#content { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-
原创
2022-04-12 14:32:54
102阅读
<html><sty
原创
2021-07-12 17:45:41
26阅读
作者：冯永曜在网页制作中使用CSS，这已是众所周知，而关于CSS滤镜使用的却介绍得不多。其实，0CSS的滤镜在Dreamweaver3中用起来也很方便，且能使文字产生一种类似图象的效果，但比起图片来可就瘦小多了。不信？你看看下面的效果你就明白了。今天我在这里介绍的是Mask（遮罩）滤镜的巧妙用法。Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩，关于什么是遮罩?如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起来，但内容却被挖去了。若你还不明白，就看下面的图片再听我给你细说。图1 mask滤镜效果1在上面这mas
转载
2004-11-04 09:49:00
166阅读
2评论
作者：冯永曜"wave"滤镜，看它的名称你可能就能想到其效果，正如你想的那样，它的作用是把对象按照垂直的波形样式扭曲，从而产生一种特殊的效果。它共有5个参数： "add"：表示是否要把对象按照波形式样扭曲，它只有两个值，即"true"和"false",默认值是"true（非0）"，当然你也可以修改它的值为"false"（"0"）。 "freq"：是波纹的频率，也就是指定在这个对象上面一共需要产生多少个完整的波纹。 "lightstrength"：参数可以对于波纹增强光影的效果。它的参数值范围是从0到100的整数值。 "phase"：参数用来设置正弦波开始的偏移量。这个偏移量的通用
转载
2004-11-04 09:48:00
317阅读
2评论
前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的介绍下。
什么是:before和:after？ 该如何使用他们？
:before是css中的一种伪元素，可用于在某个元素之前插入某
转载
2016-02-16 23:04:00
171阅读
2评论
作者：冯永曜Light滤镜能产生一个模拟光源的效果，但使用它要通过调用它的“方法（Method）”来实现，这就要用到一些Javascrpt知识，虽然有一点难度，但产生的效果也是奇特的，你看看下面的效果图就明白了。图1 原图图2 Light光源滤镜效果 上面的这种效果是不是很酷？！当你把鼠标在图片上移动时，灯光还会跟着移动呢！不过这里只是我抓的一张图片，当你按我下面介绍的方法做一下，就可以试试如何让灯光跟着鼠标移动的效果了！其实这种效果在DW3中做起来一点都不难，不过这次光用鼠标点点是不行了。那我们就开始做吧。 制作步骤。 1、点击对象面板上的“imge"图标插入一幅图片； 2、用鼠
转载
2004-11-04 09:51:00
152阅读
2评论
作者：冯永曜BlendTrans滤镜比起上一篇介绍的Revealtrans滤镜来要简单一些，它只有一个参数：Duration 变换时间，它的功能也比较单一，就是产生一种淡入淡出的效果，不过它的这种效果比起RevealTrans滤镜的淡入淡出效果来要精细的多，你看看下面也就不言而喻了。 图1 第一幅图片图2 转换中的图片图3 第二幅图片 由于是动态转换，上面只是我抓的三张图片，只能帮助你了解其转换过程，真正的效果只有待你按我下面讲的方法动手做出来才能看到。使用BlendTrans滤镜也和Revealtrans滤镜一样，需要借助于Javascript来调用它的方法来实现，我们现在就以实现上面这种
转载
2004-11-04 09:45:00
100阅读
2评论
一、需求描述： 图片数量不固定，一行放两个 1.图片奇数个时，最后一张图片铺满整行 2.图片偶数个时，最后一行还是一行放两个 解决思路：偶数时不变都是一行放两个，只有在奇数的时候最后一行放一个，所以只需要把奇数的最后一行宽度设置成100% HTML <view class="index"> <vie ...
转载
2021-08-03 13:45:00
363阅读
2评论
作者：冯永曜对一个对象使用“glow”滤镜后，这个对象的边缘就会产生类似发光的效果，这种效果在PHTOSHOP中做起来都比较麻烦，而在DW3中用CSS的“glow”滤镜来制作却是如此地简单，而且节约不少字节。 “glow”滤镜只有两个参数，一个是“color”是指定发光的颜色，可用十六进制的颜色代码来设定，如#FF0000（表示红色）；另一个参数是“strength”则是表示发光的强度，可以从1到255之间的任何整数来指定这个发光强度，也可简单地理解为光芒的长度。下面我们来做几个应用实例。一、发光的文字 请看下面的效果图： 图1 “glow”滤镜加载到文字上的效果 上面这种效果不错吧？
转载
2004-11-04 09:50:00
124阅读
2评论
作者：冯永曜“Alpha”滤镜，听到这个名字，你可能会想到Flash里有，Photoshop里也似乎见过。一点不错，它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。由于“Alpha”滤镜的参数比较多，所以我们先来了解释一下参数，各参数含义分别如下： “opacity”：代表透明度水准。范围是从0~100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。 “finishopacity”：是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来
转载
2004-11-04 09:43:00
182阅读
2评论
制作过网页的人都有为画线而烦恼的经历，本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”（画边框），它是CSS的一个属性
原创
2023-09-28 10:15:57
159阅读
巧用CSS的Border属性 日期：2001-11-27
转载
2023-07-12 21:56:19
69阅读
CSS2 direction 属性说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51语法：direction：ltr | rtl默认值：ltr取值：ltr：文本流从左到右。rtl：文本流从右到左。说明：检索或设置文本流的方向。假如您想...
转载
2022-03-15 16:48:05
61阅读
实用场景我们想要将后台传过来的图片显示在一个80*80 的容器里但是由于后台给的图片大小不一致所以我们要对图片做一个等比缩放然后裁切中间部分显示的处理。举个栗子图一： 600*370规则是以图片短的一边缩小到80的比例，缩短长的一边以上图为例，由于宽比较短，为370那我们就会以370/80 的比例，缩放这个图最后就会变成 130*80如图二130*80接着，我们截取中间的80*80展示在页面中如下
原创
2021-01-09 22:09:10
1310阅读
flex-direction 设置了主轴，从而定义了弹性项目放置在弹性容器中的方向。 Flexbox 是
原创
2022-12-31 09:39:58
7192阅读
Directive:AccessConfig/ResourceConfig
Block Directive: 限制其他指令在其内使用，从而控制VirtualHost directorie files
<VirtualHost>
<Directory>
<Files>
<Lo
原创
2011-11-27 14:36:08
350阅读
CSS2 direction 属性
说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
语法：
direction：ltr | rtl
默认值：ltr
取值：
ltr：
文本流从左到右。
rtl：
文本流从右到左。
说明：
检索或设置文本流的方向。
假如您想应用direction
转载
2021-06-29 17:41:01
99阅读
