Sallery的博客

三种模式Unicode ：书写不直观，没有语义Font class：书写直观，有语义Symbol：允许多色最明明白白的Unicode下载到本地的使用说明：1、找到需要的图标添加入库2、添加到项目3、下载到本地4、解压点开demo_index.html5、项目新建目录存放字体图标文件，注意css中的文件路径6、dom中引入 在需要的字体图标的位置复制字体图标的代码font class使用说明前5步一样，唯...

定位：position：默认是static不移动static 静态定位，也就是没有定位relative 相对定位：相对于他原来的位置进行移动，不会脱离标准文档流absolute 绝对定位：定位了的父元素或者祖先元素进行定位，会脱离文档流fixed 固定定位：绝对定位例子<!DOCTYPE html><html> <head> <meta charset=...

一、概念：设置了浮动属性的元素会脱离标准普通流的控制 移动导指定位置二、浮动解决的问题：1、文字无法包围图片的问题2、浮动解决莫名其妙的间隔问题3、浮动可以向左向右排版对齐三、理解总结1、浮动可以设置元素脱离正常的文档流，向左向右靠近父元素的边缘或者设置了浮动的其他元素，因此最好将浮动的元素放在标准流的父元素中，以减少对其他标准流的影响。2、对齐方式：子元素的盒子和元素的盒子对齐，不会超过父元素盒子的内边距padding高度塌陷：因为浮动脱离正常的文档流导致出现的

1.浮动可以解决的问题：（1）文字包围图片的问题。（2）莫名其妙的间隔问题。（3）向左向右排版对齐。1.1文字包围图片的问题。首先看没有加浮动的效果，<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1{ width: 500p.

我是每天被自己菜醒的跳跳，嗯~就很菜！1. 行间样式<div id="boy" style="background-color: #000000;">2. 标签选择器书写方法：div{ background: skyblue; display: inline-block; padding: 20px 30px 40px 50px ; }在css样式表中写以标签的形式书写.3. id选择器书写方法：#d1{ width: 0; height: