博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
样式布局
阅读量:6323 次
发布时间:2019-06-22

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

position的属性:

fixed相对于浏览器固定
absolute:相对于body固定(悬浮)
relative:相对于其他标签的位置固定

z-index属性:

在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上

overflow:hidden; 超出部分隐藏

opacity:0.5半透明属性

链接的style:

a:link 超链接被点前状态
a:visited 超链接点击后状态
a:hover 悬停在超链接时
a:active 点击超链接时
在定义这些状态时,有一个顺序l v h a

cursor:pointer  指针:手指样

 

float 流式布局

 

常用的样式属性:

1。background-背景相关 

     attachment:fixed;  固定背景,不随字体滚动

      repeat:no-repeat; 不平铺

     position:center  居中

2。font-字体相关

     sizi:12px ; 字体大小

    weight:bold;加粗

  color:     颜色

  text-align:center;水平居中

        line-height:40px; 在div中  ,与div的高度相同达到居中的作用

  vertical-align:middle;垂直居中

     decoration:underline;下划线

3。border-  边框

  border:1px solid blue;  边框1像素,实线,蓝色

4。其他

width宽 height高

top上 bottom下,left左 right右   只有在绝对坐标情况下才能使用

list-style:none  取消无序列表的序号 

转载于:https://www.cnblogs.com/zhaotiancheng/p/6084203.html

你可能感兴趣的文章
iphone编程指南学习笔记2
查看>>
NFS服务配置
查看>>
中级篇第九期:相册与拍照初使用
查看>>
我的友情链接
查看>>
lvs 一个网卡单个管理ip,多个跨网段VIP解决办法
查看>>
自定义圆角button
查看>>
超长正整数相加
查看>>
Centos 6 编译内核支持LVS-SNAT模式
查看>>
JAVA数据类型
查看>>
TCP segment of a reassembled PDU
查看>>
hdu 5195 DZY Loves Topological Sorting BestCoder Round #35 1002 [ 拓扑排序 + 优先队列 || 线段树 ]...
查看>>
【Oracle】oracle中快速判断某一日期是闰年或平年
查看>>
datatable 转 json 格式
查看>>
vs2010生成Dll文件并引用dll(C#)
查看>>
藏在兰州拉面里精益管理秘诀
查看>>
How to blog on Github
查看>>
百思不得姐 one day
查看>>
19.04.16--指针笔记-参数传递
查看>>
面向对象
查看>>
POJ1860 Currency Exchange
查看>>