随笔分类 -  【CSS】

【BootStrap】表单 案例
摘要：BootStrap表单组件 详细文档请查看BootStrap中文网，这里只列举几种效果供参考 效果1： 效果2： 阅读全文
posted @ 2019-08-22 16:23 XJT2019 阅读(643) 评论(0) 推荐(0)
【BootStrap】有序/无序列表 代码和表单
摘要：BootStrap 有序/无序列表 代码和表单 列表： 无序列表去掉点：加class属性.list-unstyled 内联列表：.list_inline 代码： https://v3.bootcss.com/css/#code 内联代码 通过 <code> 标签包裹内联样式的代码片段。 用户输入 通 阅读全文
posted @ 2019-08-22 13:36 XJT2019 阅读(702) 评论(0) 推荐(0)
【BootStrap】BootStrap排版
摘要：BootStrap排版 标题 h1 ~h6 ： h1 ~h6 可以直接使用 <h1></h1>, 也可以作为 class属性使用 如<span class="h1">hello</span> 标题的副标题 <small>hello</small> body全局样式： p标签全局样式： 对齐方式： 强 阅读全文
posted @ 2019-08-22 13:13 XJT2019 阅读(344) 评论(0) 推荐(0)
【BootStrap】栅格系统
摘要：BootStrap-栅格系统 引入移动设备优先 .container 类用于固定宽度并支持响应式布局的容器 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器 栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（v 阅读全文
posted @ 2019-08-22 10:55 XJT2019 阅读(240) 评论(0) 推荐(0)
【Python全栈-CSS】CSS实现网页背景图片自适应全屏
摘要：CSS实现网页背景图片自适应全屏 功能：实现能自适应屏幕大小又不会变形的背景大图，而且背景图片不会随着滚动条滚动而滚动。 下面，我们来分析一下，css中每句代码的作用是什么： 这三句是让整个div固定在屏幕的最上方和最左方 下面前两句是让整个div跟屏幕实现一模一样的大小，从而达到全屏效果，而min 阅读全文
posted @ 2019-04-05 14:35 XJT2019 阅读(726) 评论(0) 推荐(0)
CSS弹性盒布局(display:flex)
摘要：CSS弹性布局(display:flex) 参考： http://www.runoob.com/w3cnote/flex-grammar.html https://www.jianshu.com/p/5856c4ae91f2 http://www.ruanyifeng.com/blog/2015/0 阅读全文
posted @ 2019-04-02 15:25 XJT2019 阅读(499) 评论(0) 推荐(0)
CSS中的display属性（none,block,inline,inline-block,inherit）
摘要：css中的display属性（none,block,inline,inline-block,inherit） display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有： none block inline inline-block inherit 下面，我将按照顺序将上述几种属性做一 阅读全文
posted @ 2019-04-02 14:47 XJT2019 阅读(9195) 评论(0) 推荐(1)