一 CSS文字属性:

color : #999999;

font-family : 宋体,sans-serif;

font-size : 9pt;

font-style:itelic;

font-variant:small-caps;

letter-spacing : 1pt;

line-height : 200%;

font-weight:bold;

vertical-align:sub;

vertical-align:super;

text-decoration:line-through;

text-decoration: overline;

text-decoration:underline;

text-decoration:none;

text-transform : capitalize;

text-transform : uppercase;

text-transform : lowercase;

text-align:right;

text-align:left;

text-align:center;

text-align:justify;

vertical-align属性

vertical-align:top;

vertical-align:bottom;

vertical-align:middle;

vertical-align:text-top;

vertical-align:text-bottom;

padding-top:10px;

padding-right:10px;

padding-bottom:10px;

padding-left:10px;

list-style-type:decimal;

list-style-type:lower-roman;

list-style-type:upper-roman;

list-style-type:lower-alpha;

list-style-type:upper-alpha;

list-style-type:disc;

list-style-type:circle;

list-style-type:square;

list-style-image:url(/dot.gif);

list-style-position: outside;

list-style-position:inside;

background-color:#F5E2EC;

background:transparent;

background-image : url(/image/bg.gif);

background-attachment : fixed;

background-repeat : repeat;

background-repeat : no-repeat;

background-repeat : repeat-x;

background-repeat : repeat-y;

指定背景位置

background-position : 90% 90%;

background-position : top;

background-position : buttom;

background-position : left;

background-position : right;

background-position : center;

五、CSS连接属性:

a

a:link

a:visited

a:active

a:hover

鼠标光标样式:

链接手指 CURSOR: hand

十字体 cursor:crosshair

箭头朝下 cursor:s-resize

十字箭头 cursor:move

箭头朝右 cursor:move

加一问号 cursor:help

箭头朝左 cursor:w-resize

箭头朝上 cursor:n-resize

箭头朝右上 cursor:ne-resize

箭头朝左上 cursor:nw-resize

文字I型 cursor:text

箭头斜右下 cursor:se-resize

箭头斜左下 cursor:sw-resize

漏斗 cursor:wait

光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}

六、CSS框线一览表:

border-top : 1px solid #6699cc;

border-bottom : 1px solid #6699cc;

border-left : 1px solid #6699cc;

border-right : 1px solid #6699cc;

以上是建议书写方式,但也可以使用常规的方式 如下:

border-top-color : #369

border-top-width :1px

border-top-style : solid

其他框线样式

solid

dotted

double

groove

ridge

inset

outset

七、CSS表单运用:

文字方块

按钮

复选框

选择钮

多行文字方块

下拉式菜单 选项1选项2

八、CSS边界样式:

margin-top:10px;

margin-right:10px;

margin-bottom:10px;

margin-left:10px;

css代码总结,css属性代码大全总结(一)相关推荐

  1. 加载顺序_JAVA类代码块和属性的加载顺序问题,不要以为静态块始终最先执行了!...

    类代码块和属性的加载顺序问题,不要以为静态块始终最先执行了! 我们知道在一个类中,类的加载顺序为 静态代码块-->普通代码块-->构造代码块,感觉静态块始终是最先初始化的,其实并不是,下面 ...

  2. php背景图片透明度,css如何使用opacity属性给背景图片加透明度(代码)

    本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS 中无法直接给背景图片加 opacity ...

  3. CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置

    目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

  4. html中collapse代码怎么写,CSS里的visibility属性有个鲜为人知的属性值:collapse

    虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 对于CSS里的visibility属性,相信你用过不下几百 ...

  5. c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线?(代码示例)...

    css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

  6. [css] 使用纯CSS代码实现动画的暂停与播放

    [css] 使用纯CSS代码实现动画的暂停与播放 一个属性:animation-play-state 取值:paused(暂停)|running(播放) hover取代点击 .stop:hover~. ...

  7. html间隔代码_HTML+CSS基础入门开发,经典Loading加载缩放动画特效

    大家好,本篇文章分享经典Loading加载缩放动画特效,欢迎参考和指正. 效果图: Loading加载缩放动画特效 HTML代码: CSS代码: 知识点: animation:是CSS3的动画属性,这 ...

  8. html流动海报css,海报网css代码怎样把模块移到右面?最好把代码直接给我!嘿嘿。...

    匿名用户 13级 2010-09-15 回答 CSS是Cascading style Sheets的简称,中文译作"层叠样式表单". 实际上它是一组样式.你可能对CSS这个名词比较 ...

  9. jquery 图像滑块_jQuery CSS图像滑块–自行编写代码

    jquery 图像滑块 Today we will learn how to make our own jQuery image slider. This Article is a part of & ...

  10. 前端代码 (html css JavaScript DOM JSON)

    HTML 是超文本标记语言.用来完成一个静态网页. 结构: 由大量的标签组成的. 标签都是成对儿出现的 入门案例 <!DOCTYPE html>  <!-- 文档声明 --> ...

最新文章

  1. Java 学习(1) ---JDK安装和配置环境变量
  2. [转载]日历设计之重复事件规则设计
  3. scrapy从入门到放弃 学习项目2
  4. 遭遇一次MySQL猜解注入攻击
  5. mysql老是自动停止_ecs云服务器 mysql经常自动停止挂掉重启问题分析
  6. CyberArticle和Live Writer的比较
  7. 招行线上笔试java_今天参加了招行科技的在线笔试
  8. 【排序算法】图解冒泡排序(多图+解决两种无效比较问题)
  9. 第十一周项目二----用二叉树求解代数表达式
  10. 如何正确使用手机拍摄证件照
  11. RoboCup救援仿真和代理开发框架手册
  12. Google Earth Engine(GEE)计算NDFI和AWEI
  13. 大几率破解word文档密码
  14. 中国企业NAS行业市场供需与战略研究报告
  15. 妙赞大讲糖:糖尿病患者的手术风险有多大
  16. BDE, dbGo, dbExpress的抉擇
  17. python爬虫实例方法(批量爬取网页信息基础代码)
  18. 什么推动了食品价格上涨(图)
  19. 2021年3月面试题集合
  20. VBA inputbox() 函数返回值,是否可以带多参数等

热门文章

  1. 基于ForkJoin构建一个简单易用的并发组件
  2. LNMP架构介绍与搭建
  3. ionic 上拉加载更多
  4. WordPress企业主题:BDV适合于小型公司、企业,主要以产品类为主
  5. Unity3d之求物体体积
  6. docker 相关基本命令(updating...)
  7. 25.C++- 泛型编程之函数模板(详解)
  8. BZOJ2388: 旅行规划
  9. 变体类型Variant
  10. springmvc从request中获取body的数据的方法