博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
9.11 开课第八天(样式表:样式)(9.10休息)
阅读量:6260 次
发布时间:2019-06-22

本文共 1561 字,大约阅读时间需要 5 分钟。

样式  1、大小  (1)width   宽度

         (2)height   高度
    2、背景  (1)background-color    背景色
       (2)background-image    背景图片
       (3)background-repeat    背景图的平铺方式
         (4)background-position    背景图片位置
       (5)background-attachment    设置背景图片是否滚动
       (6)background-size    背景图的大小 200px 200px
    3、字体  (1)font-family    字体样式
         (2)font-size    字体大小 12px  14px
       (3)font-style    italic倾斜
       (4)font-weight    bold加粗
       (5)text-decoration   【1】 underline下划线
                     【2】overline上划线
                   【3】 line-through删除线
                   【4】none没有,用来去掉超链接的下划线
       (6)color    字体颜色
  4、对齐方式(1)text-align   水平对齐方式
       (2)vertical-align  垂直对齐方式,配合行高使用
         (3)line-height    行高
       (4)text-indent    缩进 单位像素
  5、边界边框(1)margin   外边距  上右下左
         (2)padding   内边距 上右下左    如果加了内边距,该元素会相应的变大
         (3)border    1px solid #60F 简写方式  第一个边框粗细 第二个边框样式 第三个边框颜色
    6、列表方块(1)list-style  none将列表前面的序号去掉
         (2)list-style-image   将前面的序号改为图片
  7、格式布局(1)位置  【1】positionn   fixed固定  相对于浏览器边框位置固定
                           absolute绝对位置   相对于父级(浏览器,绝对定位的上级)
                           relative相对位置   相对于自身应该出现的位置
                【2】top   距离上边框的距离
              【3】right    距离右边框的距离
            【4】bottom    距离下边框的距离
            【5】left   距离左边框的距离
         (2)流 【1】 float  left   向左流   
                    right  向右流
             【2】clear   both   清掉流
 
         (3)z-index分层   值越大越靠上
     8、其他   (1)display    显示block和隐藏none,不占位置
         (2)visibility   显示visible和隐藏hidden,占位置
         (3)overflow    超出范围hidden隐藏
       (4)透明   opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
       (5)圆角    border-radius:5px;
         (6)阴影   box-shadow:0 0 5px white;
 
 

转载于:https://www.cnblogs.com/l5580/p/5865956.html

你可能感兴趣的文章
linux cpu内存利用率获取
查看>>
让百度、Google搜到你的博客和论坛
查看>>
C++串口编程实例
查看>>
创建与SharePoint 2010风格一致的下拉菜单
查看>>
Linux下创建与解压zip, tar, tar.gz和tar.bz2文件
查看>>
IT基础结构-4.BDNS-安装与配置
查看>>
综合应用WPF/WCF/WF/LINQ之六:数据库结构
查看>>
调用Android中的软键盘
查看>>
Nutz:Ioc
查看>>
Android帧缓冲区(Frame Buffer)硬件抽象层(HAL)模块Gralloc的实现原理分析(5)...
查看>>
免费有理之文件备份软件
查看>>
JavaSE6基于JSR105的XML签名之理论篇
查看>>
cocos2d-x自制工具04:AnimatePacker for Mac/Win32 v2.0 Build1发布!
查看>>
ORA 12592的报错处理及补丁更新
查看>>
修改活动目录服务器的IP地址及域名注意
查看>>
xslt中的for-each排序
查看>>
Net操作配置文件(Web.config|App.config)通用类
查看>>
EntityFramework之一对一关系(二)
查看>>
spring boot + mybatis实现一对一,一对多的样码之一种
查看>>
谈谈D2
查看>>