2014.9.20CSS样式表
一、前景与背景
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样式表的更多相关文章
- CSS样式表分类
1.内联样式表 <p style="font-size:11px;">内联样式表</p> 2.内嵌样式表 写在head标签里 <style typ ...
- 深度理解CSS样式表,内有彩蛋....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- CSS样式表
CSS样式及属性 样式标的基本概念 样式表的分类 1.内联样式表 和html联合显示,控制精确,但可重用性差,冗余多. 例:<p style="font-size:14px;" ...
- CSS样式表基础
CSS的样式表其实就是美观页面的,加一些样式. 一.样式表的三种分类: ①内联样式:写在某一个标签里面的样式. 优点:控制精确. 缺点:代码重用性差.(太多了不好写)页面代码乱.(太乱,后期不方便看) ...
- 深入理解脚本化CSS系列第四篇——脚本化样式表
× 目录 [1]CSSStyleSheet [2]CSSRule 前面的话 关于脚本化CSS,查询样式时,查询的是计算样式:设置单个样式时,设置的是行间样式:设置多个样式时,设置的是CSS类名.脚本化 ...
- CSS:CSS样式表及选择器优先级总结
我们在写网页的时候经常会遇到同一个HTML文件,使用了外部样式.内部样式以及内联样式,那么如果发生冲突时浏览器是怎么抉择的呢? 也会遇到这样的情况,在样式表中,对同一个HTML元素,我们有可能既用到了 ...
- Qt——浅谈样式表
优秀的程序,不仅要有严密逻辑,而且应该有美观的外表.从软件界面,便可看出你是否用心在做,是否是一个有思想的人. Qt样式表的术语和语法规则和HTML CSS有很多相似之处. 样式规则 Qt中样式规则由 ...
- 3、CCS样式表
一.CCS样式表的分类(优先级从低到高): 1.浏览器默认样式表 2.外部样式表:在外部创建的.ccs文件中.使用外部样式表可以使样式应用于多个网页.通过这个方法只需改动一个文件就能改变整个网站的外观 ...
- html嵌入样式表
1.针对文件中的字体还有属性进行设置主要设置文字的大小及其颜色问题,未涉及div飘操作 处理页面CSS 先检测该内容部分是否已经设定了样式,如果没有单独设定再按照总体设计进行限定. eg: h1 h ...
随机推荐
- LFM 隐语义模型
隐语义模型: 物品 表示为长度为k的向量q(每个分量都表示 物品具有某个特征的程度) 用户兴趣 表示为长度为k的向量p(每个分量都表示 用户对某个特征的喜好程度) 用户u对物品i的兴趣 ...
- 普林斯顿大学算法课 Algorithm Part I Week 3 求第K大数 Selection
问题 给定N个元素的数组,求第k大的数. 特例当k=0时,就是求最大值,当k=N-1时,就是求最小值. 应用顺序统计求top N排行榜 基本思想 使用快速排序方法中的分区思想,使得a[k]左侧没有更小 ...
- 开源DirectShow分析器和解码器: LAV Filter
LAV Filter 是一款开源的DirectShow视频分离和解码软件,他的分离器LAVSplitter封装了FFMPEG中的libavformat,解码器LAVAudio和LAVVideo则封装了 ...
- NULL和nullptr的区别
//error C2665: “go”: 2 个重载中没有一个可以转换所有参数类型 #include <iostream> void go(int num) { std::cout < ...
- ASP.NET 验证码 不同浏览器 不刷新问题
具体为什么不刷新是缓存机制不同,验证码图片的src或ImageUrl的获取是来自一个文件,由于连接地址没变所以不同内核浏览器有的会认为源没有变,解决办法就是在连接后面加上一个随机参数如可以用JS的Ma ...
- uva 103 Stacking Boxes(DAG)
题目连接:103 - Stacking Boxes 题目大意:有n个w维立体, 输出立体互相嵌套的层数的最大值, 并输出嵌套方式, 可嵌套的要求是外层立体的w条边可以分别对应大于内层立体. 解题思路: ...
- 简单的Ajax
ajax获取时间的html代码 <head> <meta http-equiv="Content-Type" content="text/html; c ...
- 安卓Xpost框架
http://pcedu.pconline.com.cn/484/4841077_all.html
- CFILE追加写入文件
CFile file; file.Open(strName, CFile::modeWrite|CFile::modeNoTruncate|CFile::modeCreate); ) { file.S ...
- PHP比较全的友好的时间显示,比如‘刚刚’,'几秒前'等
分享一个php友好的比较完成的时间格式化函数,包括‘刚刚’,'几秒之前',‘几分钟前’,'几小时前',几天前,几周前,几个月前等.调用方式很简单,是从ThinkSNS 里面拿出来的. /** * 友好 ...