摘要：
如果连个盒子同时设置了定位，遵循后来者居上 <style> div{width:200px; height:200px; } .box1{background-color: brown; position: relative; top: 100px; left:100px; } .box2{back 阅读全文
摘要：
元素类型 块元素：有display：block/display:list-item属性 特点： 1.默认情况下会独占一行，为矩形区域 2.可以定义自己的宽度和高度 3.一边作为其他元素的容器 div p ul ol li dt dl dd h1-h6 转换为块元素的办法：1.display:bloc 阅读全文
摘要：
溢出属性 overflow:visible/hidden/scroll/auto/inherit visible:默认值，溢出内容会显示在元素之外 hidden：溢出隐藏 scroll：通过滚动条展示出所有内容（不论文本是否超过内容，都会出现滚动条） auto:按照内容的多少，自动出现滚动条 inh 阅读全文
摘要：
内边距（padding) 1.一个值 上下左右一样 2.两个值 上下，左右 3.三个值 上，左右，下 4.四个值 上右下左 内边距特性：1.背景颜色可以蔓延到内边距 2.可以设置单一方向（padding-top/left/right/bottom) 边框（border) 特性：1.背景色会蔓延到边框 阅读全文
摘要：
浮动效果：1.见缝插针，第一行位置不够时，并不会另起一行，哪有位置补在哪 2.文字不会因为盒子进行浮动被覆盖 3.谁先进行浮动，谁在最旁边 浮动的作用：1.定义网页中其他文本如何围绕该元素显示 2.让竖着拍的东西横着来 <style> .red{ background-color: red; flo 阅读全文
摘要：
背景颜色 background-color <style> .box1{ width:200px; height:200px; /* background-color: yellow; */ /* background-color: rgb(255, 0, 10); */ background-co 阅读全文
摘要：
12.text-transform 大小写 capitalize 每个单词首字母大写 lowercase 所有单词变为小写 uppercase 所有字母大写 none font:除了文字属性顺序不能变，字体，行高，字体大小不可以省略 阅读全文
摘要：
标签选择器 如果属性重合遵从style就近原则 id选择器 通配符选择器 群组选择器 提出公共代码，减少代码量 后代选择器 伪类选择器 <style> /* 初始状态 */ a:link{ color: red; } /* 访问之后 */ a:visited{ color: yellow; } /* 阅读全文
摘要：
内部样式表：在head部分使用<style></style>在style中对各标签赋予属性 外部样式表：额外创建.css文件引进html文件中 link和import区别：前者是html标签，当网页加载时引用的css会被同时加载，并且不会出现浏览器不兼容问题，后者反之 行内样式表：将style作为属 阅读全文
摘要：
表单作用：收集用户信息 <form action=""> 用户信息：<input type="text" placeholder="请输入你的用户名，注意大小写"> <br> 密码：<input type="password" placeholder="请输入你的密码"><!--password可以 阅读全文