摘要：
示例 1 : style标签与外部文件style.css样式重复 外部文件style.css的内容是 .p1{ color:red; } .span1{ color:blue; } 同时style标签中也有一个.p1那么优先使用： 最后出现的一个 <link rel="stylesheet" typ 阅读全文
摘要：
如果把所有的css都写在html文件里面，一旦样式比较多的时候，就会显得不易维护这个时候就会选择把所有的css内容，放在一个独立文件里然后在html中引用该文件通常这个文件会被命名为style.css 示例 1 : 直接在html里面写样式 样式代码写在style标签里 <style> .p1{ c 阅读全文
摘要：
隐藏元素有两种方式display:none;visibility:hidden; 示例 1 : 隐藏 使用display:none; 隐藏一个元素，这个元素将不再占有原空间 “坑” 让出来了使用 visibility:hidden;隐藏一个元素，这个元素继续占有原空间，只是“看不见” <style> 阅读全文
摘要：
示例 1 : 超链状态 伪类，所谓的伪类即被选中的元素处于某种状态的时候超链状态有4种link - 初始状态，从未被访问过visited - 已访问过hover - 鼠标悬停于超链的上方active - 鼠标左键点击下去，但是尚未弹起的时候 <style> a:link {color: #FF000 阅读全文
摘要：
示例 1 : 边框模型 真正决定一个元素的表现形式，是由其边框模型决定的由图所示蓝色框即为内容width:70px 表示内容的大小红色框即为边框内容到边框之间的距离，即为内边距 5px灰色框，是指边框与其他元素之间的距离，即为外边距：10px <style> .box{ width:70px; pa 阅读全文
摘要：
元素外边距 指的是元素边框和元素边框之间的距离属性：margin-left: 左外边距margin-right: 右外边距margin-top: 上外边距margin-bottom: 下外边距 示例 1 : 左外边距 属性: margin-left值：数字指的是元素边框和元素边框之间的距离 注：像s 阅读全文
摘要：
元素内边距指的是元素里的内容与边框之间的距离属性：padding-left: 左内边距padding-right: 右内边距padding-top: 上内边距padding-bottom: 下内边距padding: 上 右 下 左 示例 1 : 左内边距 属性:padding-left值：数字指的是 阅读全文
摘要：
示例 1 : 边框风格 属性： border-stylesolid: 实线dotted:点状dashed:虚线double:双线 <style> .solid{ border-style:solid; } .dotted{ border-style:dotted; } .dashed{ border 阅读全文
摘要：
示例 1 : 表格布局 属性:table-layoutautomatic; 单元格的大小由td的内容宽度决定fixed; 单元格的大小由td上设置的宽度决定注：只对连续的英文字母起作用，如果使用中文就看不到效果 <style> table.t1{ table-layout:automatic; } 阅读全文
摘要：
步骤 1 : 鼠标样式 <style> span{ cursor:crosshair; } </style> <span>鼠标移动到这段文字上，就看到鼠标样式变成了十字架</span> 步骤 2 : 样式一览 阅读全文