学习css
CSS语法
元素选择器
ID选择器
类选择器(针对所有元素)
类选择器(针对p元素)
引用两个类的html元素
通用选择器
分组选择器
外部CSS
内部CSS
行内CSS
多个样式表
层叠顺序
单行注释
多行注释
设置颜色和背景色
设置文本颜色
设置边框颜色
设置RGB值
设置HEX值
设置页面的背景色
设置页面的背景色
设置不同元素的的背景色
把图像设置为页面背景
如何只在水平方向重复背景图像
如何定位背景图像
固定的背景图像(该图像不会随着页面的其余部分滚动)
所有背景属性都在一条声明中
高级背景实例
设置四条边框的宽度
设置上边框的宽度
设置下边框的宽度
设置左边框的宽度
设置右边框的宽度
设置四条边框的样式
设置上边框的样式
设置下边框的样式
设置左边框的样式
设置右边框的样式
设置四条边框的颜色
设置上边框的颜色
设置下边框的颜色
设置左边框的颜色
设置右边框的颜色
所有边框属性在一条声明中
为元素添加圆角
为每个边设置不同的边框
所有上边框属性在一条声明中
所有下边框属性在一条声明中
所有左边框属性在一条声明中
所有右边框属性在一条声明中
为元素的各边规定不同的外边距
使用带有4个值的简写margin属性
使用带有3个值的简写margin属性
使用带有2个值的简写margin属性
使用带有1个值的简写margin属性
把外边距设置为auto,来居中其容器内的元素
让左外边距继承父元素
外边距合并
为元素的各边规定不同的内边距
使用带有四个值的简写内边距
使用带有三个值的简写内边距
使用带有二个值的简写内边距
使用带有一个值的简写内边距
内边距和元素宽度(不设置box-sizing)
内边距和元素宽度(设置box-sizing)
设置元素的左内边距
设置元素的右内边距
设置元素的上内边距
设置元素的下内边距
设置元素的高度和宽度
设置元素的最大宽度
设置不同元素的最大宽度
使用百分百来设置图像的高度和宽度
设置元素的最小宽度和最大宽度
演示盒模型
规定总款度为250像素的元素
设置轮廓的样式
设置轮廓的颜色
使用outline-color翻转轮廓
设置轮廓的宽度
使用简写的轮廓属性
在元素的轮廓与边框之间添加空间
设置元素不同的文本色
对齐文本
删除链接下面的线
修饰文本
控制文本中的字母大小写
缩进文本
规定字符间距
规定行间距
设置元素的文本方向
增加字间距
规定元素的文本阴影
在元素内禁用文本换行
垂直对齐文本内的图像
设置文本的字体
设置字体的大小
以PX为单位设置字体大小
以em为单位设置字体大小
以百分百和em为单位设置字体大小
学习HTML
一个简单的html文件
简单的段落
更多的段落
诗歌问题
折行
标题
居中排列的问题
水平线
隐藏的注释
背景颜色
文本格式化
预格式文本
计算机输出标签
地址
缩写和 首字母 缩写
文字方向
块引用
删除字效果和插入字效果
创建超级链接
将图像作为链接
在新的浏览器窗口打开链接
链接到同一个页面不同位置
跳出框架
创建电子邮件链接
创建电子邮件链接2
垂直框架
水平框架
如何使用noframes标签
混合框架结构
含有noresize=noresize属性的框架结构
表格
表格边框
没有边框的表格
表格中的表头(heading)
空单元格
带有标题的表格
跨行或者跨列的单元格
表格内的标签
单元格边距(call padding)
单元格间距(call spaceing)
向表格添加背景颜色或者背景图像
向表格单元添加背景颜色或者背景图像
在表格单元中添加内容
框架(frame)属性
无序列表
有序列表
不同类型的无序列表
不同类型的有序列表
嵌套列表
嵌套列表2
定义列表
文本域(text fields)
密码域
复选框
单选按钮
简单的下拉列表
另一个下拉列表
文本域(textarea)
<<<<<<< HEAD
创建按钮
fieldset around data
带有输入框和确认按钮的表单
带有复选框的表单
带有单选按钮的表单
从表单发送电子邮件
插入图像
从不同的位置插入图像
背景图像
排列图像
浮动图像
调整图像尺寸
把图像转换为图像映射
搭配良好的背景和颜色
搭配不好的背景和颜色
可用性强的背景图像
可用性强的背景图像2
可用性很差的背景图像
html样式
没有下划线的链接
链接到一个外部样式表
文档的标题
一个target 所有的链接
文档描述
文档的关键词
重定向
插入一段脚本
运行于不支持脚本的浏览器
=======
以百分百和em为单位设置字体大小
>>>>>>> 0075136a2cd0a74e2253054e9b5a494cd2e05191
学习flex
学习flex-direction
学习flex-wrap
学习justify-content
学习align-items
学习align-content
学习order
学习flex-grow
学习align-self
学习flex-basis
学习flex
学习flex-shrink
学习align-self
黑白切换
黑白模式切换1
黑白模式切换2
黑白模式切换模板