Walker-Yang

11-5.浮动布局商品列表

摘要：浮动元素布局商品列表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮动布局商品列表</title> <link rel="stylesheet" type="text/css" href="../reset.css"/> < 阅读全文

posted @ 2021-11-22 20:03 Walker-Yang 阅读(61) 评论(0) 推荐(0)

11-4.文字环绕效果

摘要：文字环绕效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字环绕效果</title> <link rel="stylesheet" type="text/css" href="../reset.css"/> <style 阅读全文

posted @ 2021-11-22 19:50 Walker-Yang 阅读(39) 评论(0) 推荐(0)

11-3.浮动元素动的特点

摘要：浮动元素动的特点 1.当浮动元素的上一行是正常元素，这个浮动元素只能呆在当前行，不能跑到上一行 2.左浮动，首先元素会向左跑，会从上一行的右侧出来继续跑，直到遇到有浮动的元素才会停止 3.右浮动，首先元素会向右跑，会从上一行的左侧出来继续跑，直到遇到有浮动的元素才会停止阅读全文

posted @ 2021-11-22 19:43 Walker-Yang 阅读(99) 评论(0) 推荐(0)

11-2.浮动元素浮的特点

摘要：浮动元素浮的特点： 1.浮动元素会脱离正常的文档流，后面的元素会自动补位 2.浮动元素就像浮云一样浮起来 3.浮动元素会被父元素宽度所约束，所以并没有完全脱离文档流 4.浮动元素会对下面正常元素的文字内容产生影响阅读全文

posted @ 2021-11-22 19:30 Walker-Yang 阅读(94) 评论(0) 推荐(0)

11-1.浮动初识

摘要：浮动初识 1.设置浮动的目的是让块级元素能够待在一行 2.设置语法：float：方向（left or right）；阅读全文

posted @ 2021-11-22 19:21 Walker-Yang 阅读(25) 评论(0) 推荐(0)

10-6.透明度设置

摘要：透明度设置： 1.filter：opacity（百分比）； 2.取值是0-100% 默认值是100%，完全不透明设置成0%时，图片完全透明 3.-webkit-filter:opacity（百分比）老版本的谷歌和欧朋浏览器需要加前缀 4.所有IE浏览器都不支持滤镜属性阅读全文

posted @ 2021-11-22 00:12 Walker-Yang 阅读(214) 评论(0) 推荐(0)

10-5.灰度和对比度

摘要：滤镜效果：灰度和对比度灰度： 1.filter：grayscale（百分比）； 2.取值范围是0-100%，默认值是0% ，设置成100%时，图像会变成黑白对比度： 1.filter：contrast（百分比）； 2.默认值是100% ，设置成0%时，图片会变成全黑 3.当超过100%时，意味着阅读全文

posted @ 2021-11-22 00:04 Walker-Yang 阅读(435) 评论(0) 推荐(0)

10-4.高斯模糊和饱和度

摘要：滤镜属性：使用的是filter属性高斯模糊和饱和度高斯模糊： 1.filter：blur（合法的尺寸单位）； 2.合法的尺寸单位可以是px em rem ... 3.默认值是0，数值越大图像越模糊 4.不能使用百分比做单位饱和度： 1.filter：saturate（百分比）； 2.默认值是1 阅读全文

posted @ 2021-11-21 23:57 Walker-Yang 阅读(65) 评论(0) 推荐(0)

10-3.鼠标样式

摘要：鼠标样式： 1.使用的是cursor属性 2.书写格式：cursor：值； 3.pointer 手型 wait 等待 help 问号 4.auto 默认值，文本编辑光标阅读全文

posted @ 2021-11-21 23:42 Walker-Yang 阅读(42) 评论(0) 推荐(0)

10-2.表格属性

摘要：表格属性： 1.设置表格相邻单元格之间的间隔，使用的是border-spacing属性书写格式：border-spacing：水平间隔，垂直间隔； 2.单元格边框折叠的设置，使用的是collapse属性书写格式：border-collapse：值； separate 默认值表示单元格边框之间不阅读全文

posted @ 2021-11-21 22:41 Walker-Yang 阅读(124) 评论(0) 推荐(0)

导航

公告