10 2021 档案

CSS常用属性
摘要：一：margin和padding的区别 margin和padding的区别 margin是内边距 padding是外边距 margin-left:10px;左外边距 padding-left:10px;左内边距 margin-right:10px; 右外边距 padding-right:10px;右 阅读全文
posted @ 2021-10-30 01:18 .Nice 阅读(261) 评论(0) 推荐(0)
Flex布局语法
摘要：一、什么是flex布局 flex 是 flexible box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 flex 布局，方便元素排列布局，css引入弹性布局。即设置了弹性布局的元素，他的大小和对齐方式将更加灵活的随着他所处空间的大小而改变。任何元素都可以 阅读全文
posted @ 2021-10-28 22:40 .Nice 阅读(102) 评论(0) 推荐(0)
CSS文本超出隐藏显示省略号
摘要：CSS文本超出隐藏显示省略号 1.实现单行文本溢出显示省略号 用text-overflow:elipsis属性 并且家width来兼容部分浏览 .tetle{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 2.实现多 阅读全文
posted @ 2021-10-27 19:53 .Nice 阅读(534) 评论(0) 推荐(0)
Emmet Documentation
摘要：Child: > 生成后代元素 大于号表示后面要生成的内容是当前标签的后代 nav>ul>li <nav> <ul> <li></li> </ul> </nav> Sibling: + 生成兄弟元素 加号表示后面的元素和前面的元素是兄弟元素 div+p+bq <div></div> <p></p> 阅读全文
posted @ 2021-10-26 20:09 .Nice 阅读(57) 评论(0) 推荐(0)
精灵图 CSS sprite
摘要：精灵图 CSS sprite 一、优点 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量 利用 css 的 "background-image","background-position"的组合进行背景定位 二、使用 1 {display: inline-block; /* inlin 阅读全文
posted @ 2021-10-25 20:29 .Nice 阅读(27) 评论(0) 推荐(0)
HTML5
摘要：一、 单标签 <hr /><br /><img src=""/> 标题标签 <h1/> <h6/> 语义化标签 header, footer, a , ul ol dl自定义列表 img 1 <header></header> 2 <footer></footer> 3 4 <a href="#"> 阅读全文
posted @ 2021-10-25 19:55 .Nice 阅读(39) 评论(0) 推荐(0)