摘要:网络字体 @font-face的使用 字体图标 11_网络字体的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w
阅读全文
摘要:认识flex布局 flex布局模型 flex相关的属性 Flex-direction Justify-content align-items flex-wrap、flex-flow align-content order align-self flex-grow flex-shrink flex-b
阅读全文
摘要:CSS属性 - vertical-align 深入理解vertical-align – line boxes 深入理解vertical-align – 不同情况分析 深入理解vertical-align – 不同情况分析 深入理解vertical-align – 出场 深入理解vertical-al
阅读全文
摘要:transform 位移 - translate 缩放 - scale transform-origin 缩放 - rotate 倾斜 - skew 过渡动画 - transition 01_transform_translate.html <!DOCTYPE html> <html lang="e
阅读全文
摘要:定位方案(Position Schemes) CSS属性 - float 浮动的特点 浮动的特点: 1、浮动的元素脱标。如果一个元素浮动了,那么,(1)将能够【无缝】并排了;(2)并且能够设置宽高了,无论它原来是个div还是个span,浮动即脱离标准流,inline、block是在标准流里用的。 2
阅读全文
摘要:标准流(Normal Flow) margin、padding定位 CSS属性 - position static - 静态定位 relative - 相对定位 练习 01_相对定位的演练.html <!DOCTYPE html> <html lang="en"> <head> <meta char
阅读全文
摘要:CSS属性 - background-image CSS属性 - background-repeat CSS属性 - background-size CSS属性 - background-position CSS Sprite CSS Sprite编写建议 练习 CSS属性 - background
阅读全文
摘要:盒子 盒子模型(Box Model) 盒子模型 浏览器开发者工具中看到的盒子模型 内容相关属性 内边距相关属性 padding的取值规律 padding 外边距相关属性 margin 上下margin折叠 上下margin折叠 上下margin折叠 上下margin折叠 01_盒子模型的几个属性.h
阅读全文
摘要:块级、行内级元素 替换、非替换元素 元素的分类总结 CSS属性 - display 练习 CSS属性 - display inline-block 练习 CSS属性 - visibility CSS属性 - overflow 元素之间的空格 注意点 01_元素类型的划分方式.html <!DOCTY
阅读全文
摘要:表单 常用元素 input的常用属性 布尔属性(boolean attributes) 按钮 按钮 - button元素 input和label radio的使用注意 checkbox的使用注意 去除input的Tab键选中效果 textarea select和option fieldset和leg
阅读全文
摘要:列表 有序列表 – ol、li 无序列表:ul、li 定义列表:dl、dt、dd 列表相关的CSS属性 03_列表_列表的属性使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vi
阅读全文
摘要:表格 常用元素 table的常用属性 tr、th、td的常用属性 细线表格的实现 其他元素 合并单元格 CSS属性 - border-spacing 04_表格_表格的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要:CSS属性的继承 继承的注意点 CSS属性的层叠 CSS属性的优先级 CSS属性的优先级 CSS属性使用经验 01_css属性的继承.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="v
阅读全文
摘要:!和html:5 >(子代)和+(兄弟) *(多个)和^(上一级) ()(分组) 属性(id属性、class属性、普通属性) $(数字) {}(内容) 隐式标签 隐式标签 CSS
阅读全文
摘要:属性选择器(attribute selectors) - [att] 属性选择器 - [att=val] 属性选择器 - [attr*=val] 属性选择器 - [attr^=val] 属性选择器 - [attr|=val] 属性选择器 - [attr~=val] 属性选择器 - [attr$=va
阅读全文
摘要:CSS属性 - text-decoration CSS属性 - letter-spacing、word-spacing CSS属性 - text-transform CSS属性 - text-indent CSS属性 - text-align CSS属性 - font-size CSS属性 - fo
阅读全文
摘要:CSS简史 常用CSS属性 CSS官方文档 官方文档地址 https://www.w3.org/standards/techs/css https://www.w3.org/TR/CSS22/ https://www.w3.org/TR/CSS22/propidx.html https://deve
阅读全文
摘要:像素 a元素 target属性 iframe元素 15_iframe元素的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev
阅读全文