2020年8月12日
盒子边框 内边距 盒子实际的大小 外边距 边距合并问题
摘要： width: 200px; height: 200px; /*边框的宽度 实际开发中都是跟 px 单位*/ /*border-width: 5px;*/ /*实线的*/ /*border-style: solid;*/ /*虚线的 dashed 大师的 说话都很虚*/ /*border-style: 阅读全文
posted @ 2020-08-12 22:10 13522679763-任国强 阅读(323) 评论(0) 推荐(0)
css 优先级
摘要： /*div { color: red; }*/ /*标签选择器 权重 0,0,0,1 小组长*/ div { color: pink!important; } /*类选择器 权重 0,0,1,0 班长*/ .one { color: blue; } /*id 选择器 权重 0,1,0,0 班主任*/ 阅读全文
posted @ 2020-08-12 21:57 13522679763-任国强 阅读(81) 评论(0) 推荐(0)
css 背景图片样式
摘要： /*背景图片 1. 必须加url 2. url 里面的地址不要加 引号*/ background-image: url(images/l.jpg); } /*默认的是平铺图 repeat*/ /*background-repeat: repeat;*/ /*背景图片不平铺*/ /*backgroun 阅读全文
posted @ 2020-08-12 21:55 13522679763-任国强 阅读(916) 评论(0) 推荐(0)
2020年8月9日
谷粒学院 布局实战
摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2020-08-09 23:31 13522679763-任国强 阅读(289) 评论(0) 推荐(0)
布局容器
摘要： <div class="container-fluid"> 我是流体容器 100%占满全部 </div> <div class="container"> 我是固定容器 居中 </div> 阅读全文
posted @ 2020-08-09 20:31 13522679763-任国强 阅读(94) 评论(0) 推荐(0)
todoList 练习
摘要： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery 练习</title> <link rel="stylesheet" href="index.css"> <style> .todo-main li 阅读全文
posted @ 2020-08-09 20:06 13522679763-任国强 阅读(80) 评论(0) 推荐(0)
window.onload与$(document).ready() 区别
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>window.onload与$(document).ready()</title> </head> <body> <h1>测试window.onload与$(d 阅读全文
posted @ 2020-08-09 17:38 13522679763-任国强 阅读(102) 评论(0) 推荐(0)
多库共存 解决方案
摘要： <script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script> <script src="js/myLib.js" type="text/javascript"></script> <script  阅读全文
posted @ 2020-08-09 17:23 13522679763-任国强 阅读(143) 评论(0) 推荐(0)
扩展插件
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 扩展插件</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width 阅读全文
posted @ 2020-08-09 17:09 13522679763-任国强 阅读(89) 评论(0) 推荐(0)
jquery 轮播图
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> /*去除内边距,没有链接下划线*/ * { margin: 0; padding: 0; text-de 阅读全文
posted @ 2020-08-09 16:02 13522679763-任国强 阅读(116) 评论(0) 推荐(0)