CSS参数介绍
原文发布时间为:2008-08-03 —— 来源于本人的百度文章 [由搬家工具导入]
行高 line-height: 16px
宽度 (具体位置)-width: 16px
文字缩行 text-indent: 2px
文字字体 font-family: "华文彩云"
文字颜色 font-color: #ffffff
文字大小 font-size: 21px
文字排列 font-aligh:
left 左对齐
center 居中
right 右对齐
top 顶对齐
bottom 底对齐
边界(页边) margin-top:(允许值:长度,百分比)(边界分为上,下,左,右)
补白(文字缩进) padding-top: (允许值:长度百分比)
顶空格填充, padding-top: 20px;,
底空格填充 padding-bottom: 5px;
左空格填充 padding-left: 100px;
右空格填充 padding-right: 55px
顶边框宽度 border-top-width: 3px
底边框宽度 border-bottom-width: 5px
左边框宽度 border-left-width: 1px
右边框宽度 border-right-width: 1px
边框上 border-top:(允许值,样式颜色,宽度,样式)
下 ………-bottom
左…
右…
边框样式 border-style: none
none(没有) | dotted(有点的) | dashed(虚线) | solid(固体) | double(两倍) | groove( 凹槽) | ridge(凸出) | inset(插入物) |tset(开头) ]
文字修饰 { text-decoration: none }
blink文字闪烁
none使得上述效果都不会发生
定位(左边和顶部) {position: absolute; left: 100px; top: 43px }(将标记的内容定位于左100px顶43px)(另外可以添加 width:130px 限制宽度为130)(或添加heigh: 130px)(允许值:长度,百分比)
标记的内容隐藏 p { visibility: hidden } (visible为看见hidden为隐藏inherit为可视性设置)
链接不显示下划线
A:link { text-decoration: none }
颜色 color: #
背景于文字之后 background-image: url( dfdf)
背景 background: url(dd.jpg)
背景不滚动 background-attachment: fixed
背景定位 background-position:
top将背景图象同前景要素的顶部对齐。
bottom将其同前景要素的底部对齐。
left将其同左边对齐。
right将其同右边对齐。
center将其水平居中(如果使用在另一关键字前面)或垂直居中(如果用在另一关键字后面)。
背景重复 background-repeat: (不重复)(缺省为重复)
背景长度 background-position: 70px (水平70) 10px (垂直10) ; background-repeat: repeat-y(垂直平铺)或 repeat-x (水平平铺)
背景不滚动
body{background:url('http://hiphotos.baidu.com/monyer/pic/item/d375e4cd9bf5b8510eb34568.jpg') no-repeat fixed center;
cursor:url('http://hiphotos.baidu.com/monyer/pic/item/7345d3c81000ec177e3e6f72.jpg');
SCROLLBAR-FACE-COLOR: #fe90b0;
SCROLLBAR-HIGHLIGHT-COLOR: #fec5d7;
SCROLLBAR-SHADOW-COLOR: #cc3366;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #cc3366;
SCROLLBAR-TRACK-COLOR: #ffb2cc;
SCROLLBAR-DARKSHADOW-COLOR: #cc3366;
SCROLLBAR-BASE-COLOR: #ffb1cb;
专栏分割线的CSS代码修改方法(含分割线素材)
/*文章栏目分割线*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}
/*评论栏目分割线*/
#m_comment div.line{background:url(图片地址);line-height:12px}
/*文章分类分割线*/
#m_artclg div.line{background:url(图片地址);line-height:12px}
{background:transparent} 这是显示全部透明
{filter:glow (color=#ff0000,strength=2)}(发光的颜色和强度)
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具体参数含义如下:
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity
例如:
{filter:alpha(opacity=50)}
这个就是半透明的设置
CSS参数介绍的更多相关文章
- 3、CSS基本介绍
1.1 CSS基本介绍一.web 标准所谓的web标准指的就是一系列规范网页书写的要求,它是由W3C组织制定,在它里面要求网页的结构.样式.行为三者相分离.二.名词解释1.结构:就是通过HTML标签搭 ...
- SQLMAP参数介绍
转自:http://zhan.renren.com/bugpower?gid=3602888498044629629&checked=true SQLMAP参数介绍 sqlmap的使用方式:p ...
- G++ 参数介绍(转载)
g++参数介绍 From: http://www.cnblogs.com/lidan/archive/2011/05/25/2239517.html gcc and g++分别是gnu的c & ...
- pentaho cde 画图参数介绍
初步接触pentaho,由于在国内的资料很少,唯有看英文文档,做了N次反复尝试,挖掘了pentaho CDE中画图的一些基本参数. 下面就列出来了一些常用参数介绍: crosstabMode:表明如果 ...
- mysql性能优化学习笔记-参数介绍及优化建议
MySQL服务器参数介绍 mysql参数介绍(客户端中执行),尽量只修改session级别的参数. 全局参数(新连接的session才会生效,原有已经连接的session不生效) set global ...
- 【体系结构】Oracle参数介绍
[体系结构]Oracle参数介绍 1 BLOG文档结构图 2 前言部分 2.1 导读和注意事项 各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学到一些其它你所不知道的知识,~O(∩_∩ ...
- Bootstrap Paginator 分页插件参数介绍及使用
Bootstrap Paginator是一款基于Bootstrap的js分页插件,功能很丰富,个人觉得这款插件已经无可挑剔了.它提供了一系列的参数用来支持用户的定制,提供了公共的方法可随时获得插件状态 ...
- Apache中 RewriteRule 规则参数介绍
Apache中 RewriteRule 规则参数介绍 摘要: Apache模块 mod_rewrite 提供了一个基于正则表达式分析器的重写引擎来实时重写URL请求.它支持每个完整规则可以拥有不限数量 ...
- Linux 启动参数介绍
Linux 启动参数介绍 取自2.6.18 kernel Documentation/i386/boot.txt 文件中介绍 vga= 这里的不是一个整数(在C语言表示法中,应是十进制,八进制或者十六 ...
随机推荐
- 传统BP对比CNN
传统BP vs CNN 存在2个问题 传统BP网络存在的问题: 权值太多,计算量太大 权值太多,需要大量样本进行训练 传统的BP来处理图像问题的话因为计算权值太多太大. 网络的建立要根据数据的大小来建 ...
- 【转】Spring, MyBatis 多数据源的配置和管理
同一个项目有时会涉及到多个数据库,也就是多数据源.多数据源又可以分为两种情况: 1)两个或多个数据库没有相关性,各自独立,其实这种可以作为两个项目来开发.比如在游戏开发中一个数据库是平台数据库,其它还 ...
- VC-基础:VC中得到当前系统的时间和日期
得到当前时间的方法一般都是得到从1900年0点0分到现在的秒数,然后转为年月日时分秒的形式得到当前的时间(时分秒).主要方法如下: 1)使用CRT函数 C++代码 ]; time_t nowtim ...
- Linux文件的IO操作 一
系统调用 系统调用: 操作系统提供给用户程序调用的一组“特殊”接口,用户程序可以通过这组“特殊”接口来获得操作系统内核提供的服务 为什么用户程序不能直接访问系统内核提供的服务 为了更好地保护内核空间, ...
- mac系统下android studio创建手机模拟器
打开android studio,点击右上角的模拟器图标,打开“Android Virtual Device Manager” 窗口,如下图 点击“Create Virtual Device”,在 ...
- DOM事件总结
1.DOM事件: DOM0: element.onclick=function(){} DOM2: element.addEventListener(‘click’,function(){}) add ...
- CF-1100 E Andrew and Taxi
CF-1100E Andrew and Taxi https://codeforces.com/contest/1100/problem/E 知识点: 二分 判断图中是否有环 题意: 一个有向图,每边 ...
- bzoj5183 [Baltic2016]Park
题目描述: bz luogu 题解: 把坐标系看反了持续$WA$系列. 对偶图+并查集维护. 先处理出树对树.树对墙的空隙,然后把人和空隙按从小到大排序. 用并查集维护四面墙之间是否能互相隔断. 代码 ...
- MySQL中数组的存储
1. MySQL中以字符串的形式存储数组 MySQL中无数组类型,通常将数组元素按某个字符分割以字符串形式存储 1.1. 求数组中元素的个数 方法:按指定符号分割字符串,返回分割后的元素个数.方法很简 ...
- linux centeros 通过 innoback 工具备份mysql 5.7 全库并自动压缩zip上传到备份服务器的脚本,附自动清理过期备份
innoback 安装见连接:https://blog.csdn.net/fanren224/article/details/79693863 脚本解析后续将更新 181024:更新添加定期清理备份的 ...