CSS布局定位基础
程序员文章站
2024-01-25 21:53:28
...
以下是我最近学习Javaweb在做前端碰到的一些不熟悉的属性,日常记录一下方便以后查找。
position: fixed用于生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及"bottom" 属性进行规定。
zoom:1;属性是IE浏览器的专有属性,Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。
background-size:100% 100%;—按容器比例撑满,图片变形;background-size:cover;—把背景图片放大到适合元素容器的尺寸,图片比例不变。
filter:alpha(opacity=50);这个可以实现选择的元素部分虚化,即半透明化。这个滤镜是IE专用的,如果想做透明可以用JS来解决。但是在火狐,谷歌上使用效果还是出来了。不过鉴于浏览器兼容问题,很多大佬不建议使用,下面分享一个简单js方法设置透明度的方法。opacity设置 div 元素的不透明级别,如opacity:0.6;
function touming()
{
document.getElementById(id).style.display=none;// 需要用这个找到ID是id的元素!
document.getElementById(id).style.background-color="rgba(0,0,0,0.5)"; //设置透明度,第四个参数
}
在CSS中,有这样的background-color: rgba(色值一,色值二,色值三,透明度);
border-radius属性向 div 元素添加圆角边框。
input输入框可以用width,height来调整。
display属性链接:display属性详解
一个超级简单的学生成绩管理系统登录界面火狐