随笔分类 -  Html css

解决引用外部图片不能显示的问题
摘要:<meta name="referrer" content="no-referrer"> 阅读全文

posted @ 2019-09-27 10:09 刘顺利 阅读(507) 评论(0) 推荐(0)

图片显示效果
摘要:body {background-image: url(b10.png);background-repeat: no-repeat;background-position: center;background-size: cover;height: 100vh;margin: 0px;padding 阅读全文

posted @ 2019-09-02 10:09 刘顺利 阅读(173) 评论(0) 推荐(0)

white-space
摘要:normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) pre: 保持HTML源代码的空格与换行,等同与pre标签 nowrap: 强制文本在一行,除非遇到br换行 阅读全文

posted @ 2019-08-21 19:05 刘顺利 阅读(150) 评论(0) 推荐(0)

字体
摘要:@font-face { font-family: 'yh'; src: url('../css/kt.ttf') format('truetype')/* Safari, Android, iOS */}html{ font-family: 'yh';} 阅读全文

posted @ 2019-04-19 16:09 刘顺利 阅读(132) 评论(0) 推荐(0)

溢出用省略号显示
摘要:overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行 //上面是一行内容的时候,当有两行的内容时候 overflow: hidden;text-overflow: ellipsi 阅读全文

posted @ 2019-02-17 23:20 刘顺利 阅读(96) 评论(0) 推荐(0)

居中
摘要:position: absolute; width: 90%; min-height: 300px; background: #fff; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: tr 阅读全文

posted @ 2018-12-07 17:27 刘顺利 阅读(88) 评论(0) 推荐(0)

CSS3 动画 可以参考
摘要:jquery HoverEx 插件样式。可以参考 @charset "utf-8"; .he-wrap { position: relative; zoom: 1; display: inline-block; *display: inline; position: relative } .he-v 阅读全文

posted @ 2018-09-29 13:24 刘顺利 阅读(153) 评论(0) 推荐(0)

CSS3 动画
摘要:加载动画 鼠标划过效果一,缺点是效果比较简单 还可以通过jquery设置css实现 还可以通过animation:mymove 5s设置keysframe实现动画 阅读全文

posted @ 2018-09-29 12:51 刘顺利 阅读(142) 评论(0) 推荐(0)

完全居中
摘要:position: absolute; top: 0; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: abs 阅读全文

posted @ 2017-09-11 07:17 刘顺利 阅读(143) 评论(0) 推荐(0)

导航