html如何给无序列表设置阴影,格式与布局 CSS阴影效果(Box-shadow)用法

一、position：fixed

锁定位置(相对于浏览器的位置)，例如有些网站的右下角的弹出窗口。

二、position：absolute

1.外层没有position：absolute(或relative)；那么div相对于浏览器定位。

2.外层有position：absolute(或relative)；那么div相对于外层边框定位。

三、position：relative

相对位置。

把此div包含住的div的某个位置进行固定。如果外层没有包含他的，那就相对于浏览器进行相对位置的固定。

四、分层(z-index)

在z轴方向分层，可以理解为分成一摞纸，层数越高越靠上。

五、float：left、right

Left、right时不用给他规定位置(left、top)，直接相对于浏览器。若外部被包裹，相对于外部div的除去一行的位置的左上或右上显示。

overflow：hidden；    //超出部分隐藏；scroll，显示出滚动条；

半透明效果：

透明区域

在样式表中的代码为：

.box

{

opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)

}

opacity:0;/*为全透明*/

opacity:1;/*为不透明*/

CSS阴影效果(Box-shadow)用法

css样式表：样式分类，选择器。样式属性，格式与布局

样式表分类: 1.内联样式表, 和html联合显示,例:

内联样式表

2.内嵌样式表 作为一个独 ...

css样式，边界和边框，格式和布局

1.大小:width:宽:heigh:高 2.背景:1)background-color:背景颜色 2)background-image:背景图片url路径 3)background-repeat:图 ...

css样式表 格式与布局

1 样式表  内联样式表  内嵌样式表  外部样式表 2 选择器 标签选择器

90; /*背景色(以样式表为主,样式表优先.)*/ background-image:url ...

一个CSS中Z-index的用法

一个CSS中Z-index的用法 CSS教程:彻底掌握Z-index属性     大多数的CSS属性都很容易使用.常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷新页面而立即呈现.而另 ...

9月11日上午HTML有序列表、无序列表、网页的格式和布局

样式表 六.列表方块 1.有序列表变无序列表

1. 张店
2. 桓台
3. 淄川...

   一起学HTML基础-格式与布局fixed/absolute/relative/z-index/float

   很多网页都存在一个悬浮的操作条或者广告区,无论如何上下滚动网页,操作条或广告区都不会动,这个就是div制作,位置锁定在屏幕指定位置,现在我们就学习下网页的格式与布局. position 位置,来给di ...

   随机推荐

   tar 命令详解

   tar命令[root@Linux ~]# tar [-cxtzjvfpPN] 文件与目录 -C 目标目录(注:解压时)参数:-c :建立一个压缩文件的参数指令(create 的意思):-x :解开一个 ...

   如何在linux Shell脚本里面把一个数组传递到awk内部进行处理

   前段时间和几位同事讨论过一个问题:Shell脚本里面怎样把一个数组传递到awk内部进行处理? 当时没有找到方法.前两天在QQ群里讨论awk的时候,无意间又聊起这个话题.机缘巧合之下找到一个思路,特此分 ...

   使用logrotate来进行轮换mysql的慢日志

   #!/bin/bash SLOWCFG=/etc/my.cnf DATADIR=`awk /^datadir/ $SLOWCFG|awk -F"=" '{print $2}'` S ...

   JAVA package-info文件【转】

   翻看以前的笔记,看到一个特殊的java文件:pacakge-info.java,虽然有记录,但是不全,就尝试着追踪一下该问题, 分享一下流水账式的结果. 首先,它不能随便被创建.在Eclipse中, ...

   [转]LoadRunner参数化详解

   http://www.cnblogs.com/fnng/archive/2012/06/22/2558900.html 距离上次使用loadrunner 已经有一年多的时间了.初做测试时在项目中用过, ...

   PHOTOSHOP 制作虚线和实线

   1.制作实线可以直接用直线工具,选择合适的粗细大小. 2. 制作虚线首先要用钢笔或者绘图工具画出所需要的形状,如弧线,圆形等等     然后在路径面板中用画笔描边,画笔需要提前设置好粗细和间距,用方形 ...

   五、SQL映射的XML文件

   MyBatis真正的力量是在映射语句中.这里是奇迹发生的地方.对于所有的力量,SQL映射的XML文件是相当的简单.当然如果你将它们和对等功能的JDBC代码来比较,你会发现映射文件节省了大约95%的代码 ...

   POJ 1716 Integer Intervals 差分约束

   题目:http://poj.org/problem?id=1716 #include #include #include

   关于Linux中cd的一些快捷用法

   cd 命令使用的一些小技巧 cd 进入主目录 cd ~ 同样进入主目录 cd - 返回当前目录之前所在的目录 cd .. 返回上级目录 cd ../.. 返回上级的上级目录 cd !$ 把上个命令的参 ...

   工作中git 操作汇总

   1. git branch -l  查看本地branch 2. git reset --hard 回滚全部修改 3. git status  查看本地修改 4. git pull 更新代码 5. gi ...