• 图片以六边形显示 - 学习笔记

    六边形 今天看到别人分享的六边形学习 自己也试着做了一下 原理: 图片旋转 transfrom:rotate(120deg); 溢出隐藏 overflow:hidden; 我们要用三层div来实现旋转效果 第一次 rotate(120deg) 第二次 rotate(-60deg) 第三次 rotate(-60deg) 此时 正好div归正...

    2018-06-24 01:24:14

  • CSS应用的小问题总结

    1.两个元素换行书写时,在实际的布局中展示为两个元素之间多了一个区间(这个区间通常是因为代码在换行时,解析会自动默认为一个空格字符),所以在实际应用时,如果想要将两个元素完全无缝隙的放置在一起并排显示时,应该注意使用浮动和定位,或者可以通过设置父级元...

    2018-06-24 01:24:16

  • Bootstrap(一)

    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 使用感觉简约大气便捷,扁平化设计。好多好多CSS、JS....总有你心仪的那一款!喜欢就上官网找,那里更丰富呦! ! DOCTYPE html html lang ="zh-CN" head meta charset ="...

    2018-06-24 01:24:03

  • css3之transform属性实现div不定宽高垂直水平居中

    transform的作用 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、 移动 或倾斜。(w3cschool) transform的兼容性 transform的兼容性还是比较乐观的。IE9以下不兼容,IE9支持代替的-ms-transform属性不过只支持2D转换。 谷歌和Safari支持...

    2018-06-24 01:24:11

  • 纯css修改单选、复选按钮样式

    只支持IE9及以上 html label input class ="radio" type ="radio" name ="radio1" / span class ="radio-style" / span 10 / label label input class ="radio" type ="checkbox" name ="radio1" / span class ="radio-style checkbox-style" / span 10 / label css .r...

    2018-06-24 01:24:06

  • 2017年5月24日 HTML 基础知识(二)

    1 快捷方式:html:xt +tab 过渡XHTML html:xs+tab 严格XHTML !+tab html5的标签结构 2.Charset 编码 meta charset="UTF-8" Ascll Ansi Unicode Gbk 包含全部中文字符 繁体 Gb2312 简单中文 Big5 繁体中文 Utf-8 通用字符集 包含全世界所有国家需要用到的字符 2 .1、M...

    2018-06-24 01:24:01

  • 元素的居中方式总结

    最近有点空闲时间,所以想好好看看几个一直没机会看的问题。把它写下来,是促进自己更好地理解,同时也是一个备忘吧! 先说元素居中,元素居中,从最开始接触前端就一直挥之不去的一个问题,也许是太忙了,这个本该认真研究的问题,竟然一直都没有好好总结,总是遇到了...

    2018-06-24 01:23:50

  • css之background-position属性实现雪碧图

    什么是雪碧图 雪碧图就是CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,就是把多张小图标合并到一张图片上,然后用css的background-position来显示需要显示的部分。 为什么要用雪碧图 可以 减少加载网页图片时对服务器的请求次数,提高页面的加载速度,解决I...

    2018-06-24 01:23:31

  • “前”方有坑,绕道而行(一)-- H5+CSS

    1. 关于 数字、英文 不换行问题; 情景:昨天测试 小程序,输入英文,没有换行,且 下方有横向滚动条; 解决: word-break ; word-break:break-all; /*只对英文起作用,以字母作为换行依据*/ word-wrap:break-word; /*只对英文起作用,以单词作为换行依据*/ white-spa...

    2018-06-24 01:23:35

  • bootstrap之FONTAWESOME 图标

    终于暂时的结束了winform迎来了B/S的项目,这个需要我们自己写前端页面,要用bootstrap搭页面,本人小白,正在慢慢摸索中,主要记录遇到的问题,及解决办法。 第一个,显示时间选择的控件。我在网上也搜了好多相关组件,但是可能跟我之前引入的js和css有冲突,所以出来...

    2018-06-24 01:23:20

2