摘要：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>左边固定右边自适应</title> <style type="text/css"> .out{ width: 90%; margin: 0 auto; height: 300px; 阅读全文
摘要：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两列自适应布局</title> <style type="text/css"> .out{ width: 90%; height: 500px; margin: 0 auto; ba 阅读全文
摘要：
Static 定位 HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。 相对定位Relative相对定位元素的定位是相对其正常位置。相对定位三要素：占位：保留参考坐标轴原点：以自身为准，横向/纵向偏移z值：非0整数 如 阅读全文
摘要：
<style type="text/css"> *{ /*重置盒子的自带属性值*/ margin: 0; padding: 0; } h1,p{ background: yellow; } span,i{ /*盒子属性失效 对行标签*/ background: red; height: 100px; 阅读全文
摘要：
CSS盒子模型 【重点】一个标签相当于一个盒子盒子各种属性width宽height高 Margin边界 外边界Padding填充 内边距Border边框 书写：padding : 40px 60px 30px 20px; 上 右 下 左padding : 40px 40px 30px; 上 左右 下 阅读全文