02-CSS基础与进阶-day9_2018-09-12-21-44-58

最新推荐文章于 2019-06-23 11:17:00 发布

转载最新推荐文章于 2019-06-23 11:17:00 发布 · 156 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HiJackykun/p/11072083.html

元素的显示和隐藏
display: none; /* 隐藏元素不是删除只不过看不见不保留位置*/
visibility: hidden;/*隐藏元素它保留位置*/
overflow
overflow: visible; /*超出显示*/
overflow: hidden; /*超出隐藏*/
overflow: auto; /* 自动有多余内容显示滚动条否则不显示*/
overflow: scroll;/*一直有滚动条*/
鼠标相关样式
参考代码或http://www.w3school.com.cn/cssref/pr_class_cursor.asp
表单轮廓线
取消轮廓线 outline: 0;
防止文本域拖拽 resize:none;

07overflow属性使用.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
       div {
             width: 120px;
             height: 500px;
             border: 1px solid #ccc;
             overflow: visible; /*超出显示*/
             overflow: hidden; /*超出隐藏*/
             overflow: auto; /* 自动 有多余内容显示滚动条 否则不显示*/
             overflow: scroll;/*一直有滚动条*/
       }
    </style>
</head>
<body>
    <div>
        窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/HiJackykun/p/11072083.html