摘要：
浮动元素布局商品列表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮动布局商品列表</title> <link rel="stylesheet" type="text/css" href="../reset.css"/> < 阅读全文
2021年11月22日
摘要：
文字环绕效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字环绕效果</title> <link rel="stylesheet" type="text/css" href="../reset.css"/> <style 阅读全文
摘要：
浮动元素动的特点 1.当浮动元素的上一行是正常元素，这个浮动元素只能呆在当前行，不能跑到上一行 2.左浮动，首先元素会向左跑，会从上一行的右侧出来继续跑，直到遇到有浮动的元素才会停止 3.右浮动，首先元素会向右跑，会从上一行的左侧出来继续跑，直到遇到有浮动的元素才会停止 阅读全文
摘要：
浮动元素浮的特点： 1.浮动元素会脱离正常的文档流，后面的元素会自动补位 2.浮动元素就像浮云一样浮起来 3.浮动元素会被父元素宽度所约束，所以并没有完全脱离文档流 4.浮动元素会对下面正常元素的文字内容产生影响 阅读全文
摘要：
浮动初识 1.设置浮动的目的是让块级元素能够待在一行 2.设置语法：float：方向（left or right）； 阅读全文
摘要：
透明度设置： 1.filter：opacity（百分比）； 2.取值是0-100% 默认值是100%，完全不透明 设置成0%时，图片完全透明 3.-webkit-filter:opacity（百分比） 老版本的谷歌和欧朋浏览器需要加前缀 4.所有IE浏览器都不支持滤镜属性 阅读全文
摘要：
滤镜效果：灰度和对比度 灰度： 1.filter：grayscale（百分比）； 2.取值范围是0-100%，默认值是0% ，设置成100%时，图像会变成黑白 对比度： 1.filter：contrast（百分比）； 2.默认值是100% ，设置成0%时，图片会变成全黑 3.当超过100%时，意味着 阅读全文
2021年11月21日
摘要：
滤镜属性：使用的是filter属性 高斯模糊和饱和度 高斯模糊： 1.filter：blur（合法的尺寸单位）； 2.合法的尺寸单位可以是px em rem ... 3.默认值是0，数值越大图像越模糊 4.不能使用百分比做单位 饱和度： 1.filter：saturate（百分比）； 2.默认值是1 阅读全文
摘要：
鼠标样式： 1.使用的是cursor属性 2.书写格式：cursor：值； 3.pointer 手型 wait 等待 help 问号 4.auto 默认值，文本编辑光标 阅读全文
