HTML5&CSS3-充实笔记0506

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

网页组件的定位

一般定位
position : absolute/relative/static
width :

height:
left:  指定组件与左边界的距离（X坐标）
top: 组件与上边界的距离（Y坐标）
overflow:超出边界的显示方式（visible/hidden/scroll/auto）
visibility:设置是否显示（visible/hidden/inherit）

如果想做到图文混排，可使用float属性完成（3个属性值：left/right/none）

<style>
div{ width:200px;}
img{float: left;}
</style>
<div>
<img src="pic.jpg" width="100" />这个例子用来显示float:left做到图文混排
</div>

图层定位

CSS可以利用图层原理让组件重叠在一起。（JavaScript也可以控制图层定位的组件，让组件可以任意移动位置）
图层定位使用z-index属性来设置组件的层次
   z-index : 层次数值;
这个属性是定位语法，必须与position属性一起使用。

超链接与鼠标光标特效

4个状态：尚未链接(link)、已链接（visited）、鼠标悬停链接时（hover）、激活时（active）
几个选择器设置：
a { 样式属性: 属性值; }    /*声明超链接样式*/
a: link {样式属性: 属性值;}
a: visited{样式属性: 属性值;}
a: active{样式属性: 属性值;}
a:hover{样式属性: 属性值;}

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm Javascript visibility

天天实践咯

点赞

为您点赞！

为您点赞！！

超链接与鼠标光标特效
4个状态：尚未链接(link)、已链接（visited）、鼠标悬停链接时（hover）、激活时（active）
几个选择器设置：
a { 样式属性: 属性值; }    /*声明超链接样式*/
a: link {样式属性: 属性值;}
a: visited{样式属性: 属性值;}
a: active{样式属性: 属性值;}
a:hover{样式属性: 属性值;}

跟踪学习。点赞！

图层定位
CSS可以利用图层原理让组件重叠在一起。（JavaScript也可以控制图层定位的组件，让组件可以任意移动位置）
图层定位使用z-index属性来设置组件的层次
   z-index : 层次数值;
这个属性是定位语法，必须与position属性一起使用。

感谢分享，向您学习，赞！