摘要：
<!DOCTYPE html>CSS选择器优先级相同优先级下，位置在文档后面的覆盖前面的不同优先级下，越能具体描述元素的css选择器，优先级越高 具体情况：HTML元素继承父级元素的CSS属性 优先级 -100 浏览器赋予HTML元素的默认CSS属性 优先级 -10 星号选择器 优先级 0*{bac 阅读全文
摘要：
网站布局属性：盒模型：调整元素间距float浮动：竖排的块级元素改成横排position定位：重叠元素，精确控制元素位置 能用盒模型，不用float,能用浮动，不用定位 阅读全文
摘要：
<!DOCTYPE html>css7-文本和其他 text-align行内元素对齐方式，值为 左/中/右 对齐：left/right/center.test{text-align:center;} white-space超出不换行 normal： 默认处理方式。 nowrap： 强制在同一行内显示 阅读全文
摘要：
<!DOCTYPE html><link rel="stylesheet" href="css/style.css"> CSS5-背景 常用图像格式web图片格式 jpg 24位 1600万色 适用：照片，复杂图片，有损压缩图片小（常用） gif 256色 动画 透明 适用：简单动画 png 8位 阅读全文
摘要：
<!DOCTYPE html>CSS5-定位元素定位 作用：1：元素重叠，2：元素的精确移动或定位 position static 默认，普通流，不能移动，不能使用zindex和top、right等偏移属性 relative:相对定位，脱离普通流，有占位。 absolute:绝对定位，脱离普通流，无 阅读全文
摘要：
<!DOCTYPE html><!--有限宽度带居中布局：<style>*{margin:0;padding:0;list-style:none;} .zong{background:#ccc;}.zong .header{height:100px;background:#f00;}.zong .b 阅读全文
摘要：
<!DOCTYPE html>CSS4-布局3-float 浮动属性最初发明的目的：用来给网页做文字环绕图片排版，写图文环绕案例现在浮动布局的根本目的：把竖排的块级元素改为横排 网页结构层：1：底层，普通流（文档流）2：中层，浮动流 float3：顶层，定位流 position 写块级元素横排案例 阅读全文
摘要：
<!DOCTYPE html>CSS4-布局2-display下拉菜单案例 <style>.xiala{width:200px;background:#ddd;}.xiala li div{position:absolute;width:150px;height:150px;background:# 阅读全文
摘要：
<!DOCTYPE html>CSS4-布局1-基本属性 属性：displayvisibilityfloatclear HTML元素类型：行内元素，块级元素 块级元素：最大的区别：换行行内元素：不换号 <style>div{background:#f00;width:200px;height:100 阅读全文
摘要：
<!DOCTYPE html>CSS3-盒模型 盒模型属性： width 宽度 height 高度 margin 外边距 border 边框 padding 内边距.test{width:200px; height:100px; margin:20px; padding:15px; border:5 阅读全文