学习css

  1. CSS语法
  2. 元素选择器
  3. ID选择器
  4. 类选择器(针对所有元素)
  5. 类选择器(针对p元素)
  6. 引用两个类的html元素
  7. 通用选择器
  8. 分组选择器
  9. 外部CSS
  10. 内部CSS
  11. 行内CSS
  12. 多个样式表
  13. 层叠顺序
  14. 单行注释
  15. 多行注释
  16. 设置颜色和背景色
  17. 设置文本颜色
  18. 设置边框颜色
  19. 设置RGB值
  20. 设置HEX值
  21. 设置页面的背景色
  22. 设置页面的背景色
  23. 设置不同元素的的背景色
  24. 把图像设置为页面背景
  25. 如何只在水平方向重复背景图像
  26. 如何定位背景图像
  27. 固定的背景图像(该图像不会随着页面的其余部分滚动)
  28. 所有背景属性都在一条声明中
  29. 高级背景实例
  30. 设置四条边框的宽度
  31. 设置上边框的宽度
  32. 设置下边框的宽度
  33. 设置左边框的宽度
  34. 设置右边框的宽度
  35. 设置四条边框的样式
  36. 设置上边框的样式
  37. 设置下边框的样式
  38. 设置左边框的样式
  39. 设置右边框的样式
  40. 设置四条边框的颜色
  41. 设置上边框的颜色
  42. 设置下边框的颜色
  43. 设置左边框的颜色
  44. 设置右边框的颜色
  45. 所有边框属性在一条声明中
  46. 为元素添加圆角
  47. 为每个边设置不同的边框
  48. 所有上边框属性在一条声明中
  49. 所有下边框属性在一条声明中
  50. 所有左边框属性在一条声明中
  51. 所有右边框属性在一条声明中
  52. 为元素的各边规定不同的外边距
  53. 使用带有4个值的简写margin属性
  54. 使用带有3个值的简写margin属性
  55. 使用带有2个值的简写margin属性
  56. 使用带有1个值的简写margin属性
  57. 把外边距设置为auto,来居中其容器内的元素
  58. 让左外边距继承父元素
  59. 外边距合并
  60. 为元素的各边规定不同的内边距
  61. 使用带有四个值的简写内边距
  62. 使用带有三个值的简写内边距
  63. 使用带有二个值的简写内边距
  64. 使用带有一个值的简写内边距
  65. 内边距和元素宽度(不设置box-sizing)
  66. 内边距和元素宽度(设置box-sizing)
  67. 设置元素的左内边距
  68. 设置元素的右内边距
  69. 设置元素的上内边距
  70. 设置元素的下内边距
  71. 设置元素的高度和宽度
  72. 设置元素的最大宽度
  73. 设置不同元素的最大宽度
  74. 使用百分百来设置图像的高度和宽度
  75. 设置元素的最小宽度和最大宽度
  76. 演示盒模型
  77. 规定总款度为250像素的元素
  78. 设置轮廓的样式
  79. 设置轮廓的颜色
  80. 使用outline-color翻转轮廓
  81. 设置轮廓的宽度
  82. 使用简写的轮廓属性
  83. 在元素的轮廓与边框之间添加空间
  84. 设置元素不同的文本色
  85. 对齐文本
  86. 删除链接下面的线
  87. 修饰文本
  88. 控制文本中的字母大小写
  89. 缩进文本
  90. 规定字符间距
  91. 规定行间距
  92. 设置元素的文本方向
  93. 增加字间距
  94. 规定元素的文本阴影
  95. 在元素内禁用文本换行
  96. 垂直对齐文本内的图像
  97. 设置文本的字体
  98. 设置字体的大小
  99. 以PX为单位设置字体大小
  100. 以em为单位设置字体大小
  101. 以百分百和em为单位设置字体大小

学习HTML

  1. 一个简单的html文件
  2. 简单的段落
  3. 更多的段落
  4. 诗歌问题
  5. 折行
  6. 标题
  7. 居中排列的问题
  8. 水平线
  9. 隐藏的注释
  10. 背景颜色
  11. 文本格式化
  12. 预格式文本
  13. 计算机输出标签
  14. 地址
  15. 缩写和 首字母 缩写
  16. 文字方向
  17. 块引用
  18. 删除字效果和插入字效果
  19. 创建超级链接
  20. 将图像作为链接
  21. 在新的浏览器窗口打开链接
  22. 链接到同一个页面不同位置
  23. 跳出框架
  24. 创建电子邮件链接
  25. 创建电子邮件链接2
  26. 垂直框架
  27. 水平框架
  28. 如何使用noframes标签
  29. 混合框架结构
  30. 含有noresize=noresize属性的框架结构
  31. 表格
  32. 表格边框
  33. 没有边框的表格
  34. 表格中的表头(heading)
  35. 空单元格
  36. 带有标题的表格
  37. 跨行或者跨列的单元格
  38. 表格内的标签
  39. 单元格边距(call padding)
  40. 单元格间距(call spaceing)
  41. 向表格添加背景颜色或者背景图像
  42. 向表格单元添加背景颜色或者背景图像
  43. 在表格单元中添加内容
  44. 框架(frame)属性
  45. 无序列表
  46. 有序列表
  47. 不同类型的无序列表
  48. 不同类型的有序列表
  49. 嵌套列表
  50. 嵌套列表2
  51. 定义列表
  52. 文本域(text fields)
  53. 密码域
  54. 复选框
  55. 单选按钮
  56. 简单的下拉列表
  57. 另一个下拉列表
  58. 文本域(textarea)
  59. <<<<<<< HEAD
  60. 创建按钮
  61. fieldset around data
  62. 带有输入框和确认按钮的表单
  63. 带有复选框的表单
  64. 带有单选按钮的表单
  65. 从表单发送电子邮件
  66. 插入图像
  67. 从不同的位置插入图像
  68. 背景图像
  69. 排列图像
  70. 浮动图像
  71. 调整图像尺寸
  72. 把图像转换为图像映射
  73. 搭配良好的背景和颜色
  74. 搭配不好的背景和颜色
  75. 可用性强的背景图像
  76. 可用性强的背景图像2
  77. 可用性很差的背景图像
  78. html样式
  79. 没有下划线的链接
  80. 链接到一个外部样式表
  81. 文档的标题
  82. 一个target 所有的链接
  83. 文档描述
  84. 文档的关键词
  85. 重定向
  86. 插入一段脚本
  87. 运行于不支持脚本的浏览器
=======
  • 以百分百和em为单位设置字体大小
  • >>>>>>> 0075136a2cd0a74e2253054e9b5a494cd2e05191

    学习flex

    1. 学习flex-direction
    2. 学习flex-wrap
    3. 学习justify-content
    4. 学习align-items
    5. 学习align-content
    6. 学习order
    7. 学习flex-grow
    8. 学习align-self
    9. 学习flex-basis
    10. 学习flex
    11. 学习flex-shrink
    12. 学习align-self

    黑白切换

    1. 黑白模式切换1
    2. 黑白模式切换2
    3. 黑白模式切换模板