2020年8月12日
伪类元素选择器
摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:41 13522679763-任国强 阅读(109) 评论(0) 推荐(0)
css 属性选择器 伪类选择器 nth-child属性 nth-of-type属性
摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:39 13522679763-任国强 阅读(305) 评论(0) 推荐(0)
新增语义标签 header, nav, section audio video input属性 上传图像
摘要： <!-- <audio src="media/snow.mp3" controls="controls"></audio> --> <audio controls="controls"> <source src="media/snow.mp3" type="audio/mpeg" /> <sourc 阅读全文
posted @ 2020-08-12 23:34 13522679763-任国强 阅读(167) 评论(0) 推荐(0)
三角形
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { /*我们用css 边框可以模拟三角效果*/ width: 0; height: 0; border-t 阅读全文
posted @ 2020-08-12 22:39 13522679763-任国强 阅读(104) 评论(0) 推荐(0)
溢出的文字省略号显示 css精灵技术 margin-left 负值可以解决边框问题
摘要： <title>溢出的文字省略号显示</title> <style> div { width: 150px; height: 25px; border: 1px solid pink; /*当文字显示不开的时候，自动换行*/ /*white-space: normal;*/ /*1. 要文字强制一行内 阅读全文
posted @ 2020-08-12 22:38 13522679763-任国强 阅读(169) 评论(0) 推荐(0)
vertical-align:
摘要： .one { /*默认的是基线对齐*/ vertical-align: baseline; } .two { /*让图片的中线 对齐 文字的中线 垂直居中*/ vertical-align: middle; } .three { /*让图片的顶线 对齐 文字的顶线 顶部对齐*/ vertical-a 阅读全文
posted @ 2020-08-12 22:34 13522679763-任国强 阅读(151) 评论(0) 推荐(0)
防止拖拽文本域
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>防止拖拽文本域</title> <style> textarea { width: 500px; height: 249px; /*取消轮廓线*/ outline: 阅读全文
posted @ 2020-08-12 22:33 13522679763-任国强 阅读(402) 评论(0) 推荐(0)
清除浮动样式
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米案例练习</title> <style> /*清除元素默认内外边距样式*/ * { margin: 0; padding: 0; } /*清除列表样式 前面的小 阅读全文
posted @ 2020-08-12 22:23 13522679763-任国强 阅读(221) 评论(0) 推荐(0)
浮动效果
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米案例练习</title> <style> /*清除元素默认内外边距样式*/ * { margin: 0; padding: 0; } /*清除列表样式 前面的小 阅读全文
posted @ 2020-08-12 22:15 13522679763-任国强 阅读(123) 评论(0) 推荐(0)
盒子阴影
摘要： width: 200px; height: 200px; background-color: pink; margin: 50px auto; /*box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影；*/ box-shadow: 0 15px 30 阅读全文
posted @ 2020-08-12 22:12 13522679763-任国强 阅读(105) 评论(0) 推荐(0)