摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> @font-face{ font-family:'myfont'; src :url('./font/仓耳非白W05 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
相对定位 绝对定位 固定定位 粘滞定位 导航条-粘滞定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met 阅读全文
摘要：
阅读全文
摘要：
BFC虽然可以达到外部背景由内部内容撑开的效果，但是存在副作用 所以由clear将affter受浮动效果解除，来解决以上问题 阅读全文
摘要：
开启BFC方式： 1.设置浮动float（副作用比较大，不推荐） 2.将元素设置为行内块元素 display:inline-block；(不推荐) 3.将元素的overlfow设置为非visible的值 overflow:scoll;(带滚动条) overflow:auto; overflow:hi 阅读全文
摘要：
简单布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
摘要：
导航栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content 阅读全文
摘要：
浮动 都设置浮动时。可以达到按行排列的效果 浮动 文字环绕效果 脱离文档流效果 阅读全文
摘要：
默认样式 重置样式 盒子可见区域 轮廓 阴影 圆角 阅读全文