坚持#第58天~不小心干掉了JS+css+html的课本

来源:互联网 发布:西安交大大数据学院 编辑:程序博客网 时间:2024/05/15 23:52
2016-10-5
完成了:
(1)看了30天;
(2)看了专套本;
(3){text-decoration:underline;}是下划线
{text-decoration:line-through;}是删除线
2em的意思就是文字的2倍大小
{letter-spacing:50px;}是文字左右间隔
{word-spacing:50px;}是英文左右间隔
{background-repeat:no-repeat}是不平铺的部分显示为白色
<a href="http://www.baidu.com" target="_blank">百度</a>里的target="_blank"是在新窗口中打开
{border:none;outline:none;}是去掉输入框的边框
{text-indent:30px;}或{padding-left:30px;}是文字距离左边的距离
placeholder=""是输入框的提示内容“地盘的主人”
{cursor:pointer;}鼠标滑上去变为小手
{background:blue;}鼠标滑上去变颜色
{border-radius:4px;}圆边框
{box-shadow:0px 0px 4px black;}阴影(左右,上下,模糊度,颜色)
{opacity:0.9;}注意透明度是小数,没有单位的
拍电影:@keyframes 起个电影名{from:;50%:;to:;}
<label><input type="radio" name="one" />因为猫要跑去捉老鼠</label>是单选
<label><input type="checkbox" />因为猫要跑去捉老鼠</label>是多选
<marquee behavior=alternate>李涛是天才</marquee>是文字左右晃动
<script src="js/jquery-1.11.1.min.js"></script>这样才是引用类库


/*时间的显示(注意body后写onload="init()")*/
<div id="clockBox"></div>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
function init(){
clockBox=document.getElementById("clockBox");
setInterval(getTime);
}
function getTime(){
clockBox.innerHTML = (new Date()).toLocaleString();
}
</script>
0 0
原创粉丝点击