一、前景与背景

background-color: 背景色,定义背景的颜色

background-image:url() 定义背景图片

background-attachment:fixed/scroll 定义背景图片随滚动轴的移动方式

background-repeat:repeat/no-repeat/repeat-x/repeat-y 定义背景图片的重复方式

background-position:left 10px bottom 20px; 定义背景图片的位置

font-family: 定义使用的字体

font-size: 定义字体的大小(常用字体大小:12px 14px)

font-weight: 定义字体的粗细(normal:正常 bold:粗体)

font-style: 定义字体显示的方式(normal:正常 italic:斜体)

color: 前景色定义文字的颜色

text-decoration: 定义文本是否有划线以及划线的方式(underline 下划线 ,overline 上划线,line-through 删除线,blink 闪烁,初始值:none 无划线)

text-indent: 定义文本首行的缩进(在首行文字之前插入指定的长度)(em 倍,百分比)

text-align: 定义文本的对齐方式( left | right | center)

vertical-align: 竖直对齐方式

line-height: 行高

二、边界与边框

border:border-style,border-width,border-color,border-top,border-right,border-bottom,border-left 定义四个边的宽度,样式,颜色(1px solid  red  1像素红色实线)

margin:margin-top,margin-right,margin-bottom,margin-left  定义边外补白,只有宽度width一种属性

padding:padding-top,padding-right,padding-bottom,padding-left 定义边内补白,只有宽度width一种属性

三、列表与方块

top:

right:

bottom:

left:

width:

height:

list-style-type:circle/disc/alpha/none 定义列表样式 圆圈/点/字母/无样式

list-style-image:url() 定义列表样式图片

list-style-position:inside/outside 定义列表样式的位置  内部/外部

四、格式与布局

position:fixed(生成绝对定位的元素,相对于浏览器窗口进行定位。 )/absolute(生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 )/relative(生成相对定位的元素,相对于其正常位置进行定位。 ) -------------top,right,bottom,left

z-index:

float:left,right 向左浮动,向右浮动

clear:both 规定元素的哪一侧不允许其他浮动元素,both在左右两侧均不允许浮动元素。

display:显示方式。block/inline/none/inline-block block此元素将显示为块级元素,此元素前后会带有换行符。(块)在span层会起作用inline默认。此元素会被显示为内联元素,元素前后没有换行符。在一行上。none此元素不会被显示。inline-block行内块元素。

visibility:可视性。hidden元素是不可见的。 ,visible默认值。元素是可见的。

五、超链接的

a:link 没访问过的

a:visited 访问过的

a:hover 鼠标放上变的颜色

2014.9.20CSS样式表的更多相关文章

  1. CSS样式表分类

    1.内联样式表 <p  style="font-size:11px;">内联样式表</p> 2.内嵌样式表 写在head标签里 <style  typ ...

  2. 深度理解CSS样式表,内有彩蛋....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. CSS样式表

    CSS样式及属性 样式标的基本概念 样式表的分类 1.内联样式表 和html联合显示,控制精确,但可重用性差,冗余多. 例:<p style="font-size:14px;" ...

  4. CSS样式表基础

    CSS的样式表其实就是美观页面的,加一些样式. 一.样式表的三种分类: ①内联样式:写在某一个标签里面的样式. 优点:控制精确. 缺点:代码重用性差.(太多了不好写)页面代码乱.(太乱,后期不方便看) ...

  5. 深入理解脚本化CSS系列第四篇——脚本化样式表

    × 目录 [1]CSSStyleSheet [2]CSSRule 前面的话 关于脚本化CSS,查询样式时,查询的是计算样式:设置单个样式时,设置的是行间样式:设置多个样式时,设置的是CSS类名.脚本化 ...

  6. CSS:CSS样式表及选择器优先级总结

    我们在写网页的时候经常会遇到同一个HTML文件,使用了外部样式.内部样式以及内联样式,那么如果发生冲突时浏览器是怎么抉择的呢? 也会遇到这样的情况,在样式表中,对同一个HTML元素,我们有可能既用到了 ...

  7. Qt——浅谈样式表

    优秀的程序,不仅要有严密逻辑,而且应该有美观的外表.从软件界面,便可看出你是否用心在做,是否是一个有思想的人. Qt样式表的术语和语法规则和HTML CSS有很多相似之处. 样式规则 Qt中样式规则由 ...

  8. 3、CCS样式表

    一.CCS样式表的分类(优先级从低到高): 1.浏览器默认样式表 2.外部样式表:在外部创建的.ccs文件中.使用外部样式表可以使样式应用于多个网页.通过这个方法只需改动一个文件就能改变整个网站的外观 ...

  9. html嵌入样式表

    1.针对文件中的字体还有属性进行设置主要设置文字的大小及其颜色问题,未涉及div飘操作 处理页面CSS 先检测该内容部分是否已经设定了样式,如果没有单独设定再按照总体设计进行限定. eg:  h1 h ...

随机推荐

  1. MGTemplateEngine 模版引擎简单使用(转)

    原文:http://blog.csdn.net/crazy_srufboy/article/details/21748995 要实现的效果 首先上图中间的 标题至内容 都是使用UIWebView显示, ...

  2. [置顶] hdu2815 扩展Baby step,Giant step入门

    题意:求满足a^x=b(mod n)的最小的整数x. 分析:很多地方写到n是素数的时候可以用Baby step,Giant step, 其实研究过Baby step,Giant step算法以后,你会 ...

  3. java web从零单排第十七期《struts2》数据标签库(1)

    1.s:action标签: 此标签的作用是在JSP页面中访问action类的数据,执行某些操作,并返回相应的数据.其属性及意义如下: 属性名 是否必需 默认值 类型 说明介绍 executeResul ...

  4. BZOJ 2186 SDOI2008 沙拉公主的困惑 数论

    题目大意:给定询问组数T和取模数P,每次询问给定两个整数n和m,求1~(n!)的数中与m!互质的数个个数模P (m<=n) 首先T<=1W,暴力肯定过不去,我们须要预处理一些东西 首先我们 ...

  5. Check SMTP Server Availability for ORA-29278 or ORA-29279 errors using UTL_SMTP to Send Email

    Check SMTP Server Availability for ORA-29278 or ORA-29279 errors using UTL_SMTP to Send Email. (文档 I ...

  6. iOS判断并使用百度地图 高德地图 导航 (使用URI,不集成sdk)

    [objc] view plaincopy  1. BOOL hasBaiduMap = NO;   2.         BOOL hasGaodeMap = NO;   3.            ...

  7. poj 1149 pigs ---- 最大流

    题意以及分析:http://ycool.com/post/zhhrrm6#rule3 主要是建图,简化图,然后在套最大流的模板. #include <iostream> #include& ...

  8. mysql集群安装配置

    看网上很多人说mysql集群不是很稳定,因此这2天做了下mysql的集群,打算配置没有什么问题了,过2天做下相关的性能测试,我的配置环境如下:   操作系统:      Centos5.2    软件 ...

  9. PHP搭建简单暴力的mvc

    对于一个web系统来说,我们使用mvc很必要, 给我们带来的是清晰的结构,易运维,易扩展, mvc 我对其的理解应该叫mxvc, 多了一个x , 这个x代表什么,x可以理解为 relay,proxy, ...

  10. 读jQuery源码 jQuery.data

    var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, rmultiDash = /([A-Z])/g; function internalData( elem, n ...