立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 6003|回复: 0

[DIV+CSS 教程笔记01] 常用的css规则书写

[复制链接]

14

主题

1

回帖

40

积分

普通学员

Rank: 1

积分
40

推广达人宣传达人突出贡献荣誉管理论坛元老

发表于 2014-10-15 17:25:47 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x




  1. /*---------------------------------------其他的写法---------------------------------------------*/
  2. .qita{
  3.         letter-spacing:20px;  /*字符间距     */
  4.         text-indent:20px; /*段落缩进  */
  5.         text-align:center;/*文字居中right/left居右、居左  */
  6.         text-decoration:underline;/*下划线 overline上划线 linethrough删除线  */
  7.         display:inline;/*转化为内联元素或者是快状block  */
  8.         border-top:; border-right:; border-bottom:; border-left:; border-width:;/*宽度*/ border-style:; /*边框样式*/ border-color:;/*颜色*/

  9. }

  10. /*     */
  11. /*---------------------------------------字体的写法---------------------------------------------*/
  12. #div{

  13.         font-style:italic;  /*这里指的是字体的倾斜*/
  14.         font-weight:bold;   /*这里指的是字体的加粗*/
  15.         font-size:23px;      /*这里指的是字体的大小*/
  16.         line-height:40px;    /*这里指的是行高大小*/
  17.         font-family:Simsum/SimHei;

  18.         /*黑体、微软雅黑等都是 无撑线 字体,即可写为sans-serif
  19.         '微软雅黑','黑体',sans-serif        */
  20.         /*正文、宋体等都是 有撑线 字体,即可写为serif*/
  21.         /*那么上面的就可以写为*/
  22.         font:italic bold 23px/40px '微软雅黑','黑体',sans-serif;
  23.         font:12px/37px SimSun,serif;                     
  24. }


  25. /*-----------------------------------------背景的写法-------------------------------------------*/

  26. #div{
  27.         background-color:red;   /*这里指的是背景的颜色*/
  28.         background-image:url(   small.jpg);  /*这里指的是背景的图片(这里写上图片的地址)*/
  29.         background-repeat:repeat-x; /*这里指的是背景沿着x轴重复*/
  30.         background-repeat:repeat-y; /*这里指的是背景沿着y轴重复*/
  31.         background-repeat:no-repeat;  /*这里指的是背景不重复*/
  32.         background-attachment:fixed;  /*这里指的是设置或者是检索背景图像是随着内容滚动还是固定的*/
  33.         background-position:center top;   /*这里指的是背景先水平居中在竖直上顶部*/
  34.         background-position:right center;  /*这里指的是背景先水平居右在竖直居中*/
  35.         background-position:center center;  /*这里指的是背景先水平居中在竖直上居中*/
  36.         background-position:center center;  /*这里指的是背景先水平居中在竖直上居中*/
  37.         background-position:-150px -280px;  /*这里指的是背景先向左 150px 在向上280px */

  38.         /*那么上面的背景一般就可以写为*/

  39.         background:gray url(small.jpg) no-repeat 150px 53px;
  40.         background:url(small.jpg) no-repeat;
  41.     /* 那么背景的表述方法常用可以考虑上面的2种,当然还有及其他的 */

  42. }

  43. /*-----------------------------------------border的用法-------------------------------------------*/

  44. .four{
  45.         border:1px solid blue;    /*这里指的是  border的像素 实心 颜色 */
  46. }

  47. /*-----------------------------------------margin的用法-------------------------------------------*/
  48. .four{
  49.         margin:0px auto;        /*值得是居中*/
  50. }

  51. /*-----------------------------------------float的用法-------------------------------------------*/
  52. .four{
  53.         float:left;
  54. }
复制代码


道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-10 11:21

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表