html css - 随笔分类 - 卡坦菲

CSS cursor属性

摘要：值描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针（一只手阅读全文

posted @ 2021-11-18 20:55 卡坦菲阅读(37) 评论(0) 推荐(0)

overflow: hidden

摘要：overflow: hidden;在父元素上设置，子元素就不会超出父元素阅读全文

posted @ 2021-11-16 16:39 卡坦菲阅读(117) 评论(0) 推荐(0)

在标题栏中添加图标

摘要：<link rel="icon" type="image/x-icon" href="图片路径"/> 阅读全文

posted @ 2021-11-11 11:25 卡坦菲阅读(20) 评论(0) 推荐(0)

position属性

摘要：position 属性 position 属性规定应用于元素的定位方法的类型。 position: fixed position: fixed; 的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。 position: absolute; position: absolute; 的阅读全文

posted @ 2021-11-04 17:20 卡坦菲阅读(37) 评论(0) 推荐(0)

flex-direction属性

摘要：flex-direction属性决定主轴的方向（即项目的排列方向） .box { flex-direction: row | row-reverse | column | column-reverse; } ow（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在阅读全文

posted @ 2021-11-01 18:23 卡坦菲阅读(404) 评论(0) 推荐(0)

display值的作用

摘要：(1) block 块类型。默认宽度为父元素宽度，可设置宽高，换行显示。 (2) none 元素不显示，并从文档流中移除。 (3) inline 行内元素类型。默认宽度为内容宽度，不可设置宽高，同行显示。 (4) inline-block 默认宽度为内容宽度，可以设置宽高，同行显示。 (5) lis 阅读全文

posted @ 2021-11-01 13:40 卡坦菲阅读(106) 评论(0) 推荐(0)

Flex布局

摘要：1.flex-direction flex-direction属性决定主轴的方向（即项目的排列方向）。 .box { flex-direction: row | row-reverse | column | column-reverse; } row（默认值）：主轴为水平方向，起点在左端。 row- 阅读全文

posted @ 2021-10-28 21:46 卡坦菲阅读(34) 评论(0) 推荐(0)

Swiper使用方法(轮播图banner)

摘要：在Swiper中文网 https://www.swiper.com.cn/ 中下载Swiper 在下载到的文件中找到swiper-bundle.min.js和swiper-bundle.min.css文件，放入css,js当中在资源文件中有45个案例还有很多样式就不11列出（也可在其官网在线演示阅读全文

posted @ 2021-10-27 20:41 卡坦菲阅读(302) 评论(0) 推荐(0)

Emmet插件基础

摘要：1、生成后代元素：> 大于号表示后面要生成的内容是当前标签的后代命令：nav>ul>li <nav> <ul> <li></li> </ul> </nav> 2、生成兄弟元素：+ 加号表示后面的元素和前面的元素是兄弟元素命令：div+p+bq <div></div> <p></p> <block 阅读全文

posted @ 2021-10-26 17:02 卡坦菲阅读(48) 评论(0) 推荐(0)

关于选择器

摘要：优先级正常情况下选择范围越大，优先级越低特殊情况 !impor 层次选择器空格所有子代 > 第一代 + 第一个兄弟节点 ~ 后面的所以兄弟节点表单选择器 :type 属性（jquery写法）属性过滤器[] [attr] 包含这个属性 [attr=val] 属性值=val [attr= 阅读全文

posted @ 2021-10-25 18:25 卡坦菲阅读(43) 评论(0) 推荐(0)

css（待添）

摘要：margin: 0 auto; 整个元素居中 text-align: center;文本居中 background-position: 0px 0px ; 精灵图（x,y） background-repeat: no-repeat;平铺 display: inline-block;使一些元素在一行，阅读全文

posted @ 2021-10-25 18:22 卡坦菲阅读(36) 评论(0) 推荐(0)

随笔分类 - html css