• 【简抄】h5 新增的几个背景属性和文本属性

    一、背景图像显示: ①background-size:规定背景图像的大小; 值:像素值、百分比、auto、cover、contain ②background-origin :规定背景图像的起始位置; 值:padding-box(默认)、content-box、border-box ③background-clip 值:padding-box、content-box、border-...

    2018-06-24 01:58:01

  • 今天是我第一次来到博客园,好紧张!

    首先,介绍一下自己吧。 我是个普普通通的大一学弟,喜欢WEB前端、手绘、音乐和跆拳道; 曾经有一段灰蒙蒙的日子,但是不想再提了; 命运如此,我来到了河北科技大学; 我本身是一个少言寡语的人,所以也没太多朋友; 喜欢一个人在下雨天喝着咖啡,看窗外过往人流; 希...

    2018-06-24 01:57:58

  • CSS之 absoulte 属性

    特性: absoulte 与 float 具有相同的特性:包裹性,与破坏性 absoulte 与 float 可以交替使用 不受 relative 限制的 absoulte 定位,行为表现上可以不使用 left/right/top/button/auto 等属性 行为表现 脱离文档流 去浮动( float 与 absoulte 元素不能同时出现) 位置跟随...

    2018-06-24 01:57:56

  • css3实现钟表效果

    利用css3 transform属性刻画钟表的的刻度以及指针的角度,代码如下: head meta charset= "UTF-8" titleTitle /title style id= "style" html{ height: 100% ; } body{ width: 100% ; height: 100% ; margin: 0 ; display: -moz-box ; display: -webkit-box ; display:...

    2018-06-24 01:57:57

  • css3创建多边形clip属性,可用来绘制不规则图形了

    .path1 { clip-path: polygon(5px 10px, 16px 3px, 16px 17px);}.path2 { clip-path: polygon(3px 5px, 17px 5px, 10px 16px);}.path3 { clip-path: polygon(5px 10px, 16px 3px, 16px 10px, 26px 10px, 26px 3px, 37px 10px, 26px 17px, 26px 10px, 16px 10px, 16px 1...

    2018-06-24 01:57:55

  • Bootstrap源码解读之栅格化篇

    本文纯属自己研究所写笔记,如果有错误还请多多指教提出 版心(container) 版心:class名为.container的容器,其版心的宽度在各个屏幕设备下是不一样的值,版心两边就是留白。 各尺寸下版心宽度如下表: 屏幕设备 版心宽度 max-width:768px xs 继承父元素宽度(即width:...

    2018-06-24 01:57:37

  • CSS之 relative 特性

    聊聊本身的特性 : left、right、top、bottom 定位都是相对于自身位置定位 当 left、right 同时存在 left 生效 当 top、bottom 同时存在 top 生效 无侵入,保留原始位置,不会影响其他元素的布局 可运用于 《自定义拖拽》 了解 relative 与 absoulte 的关系 : relative...

    2018-06-24 01:57:53

  • input 属性radio中设置checked 不生效

    同一个页面中有 许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中 由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 . 修改前 类似这样: 由于是 多个地方使用单选按钮 , 将所...

    2018-06-24 01:57:52

  • css3动画之圆形运动轨迹

    css3中通过@keyframes定义动画,animation设置动画属性,从而实现动画效果; 在animation属性当中,可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。 animation animation作为一个复合属性,包括了以下动画属性。 animation-name...

    2018-06-24 01:57:48

  • JavaScript实现IP地址的输入框方式

    最近遇到一些这样的需求:实现一种IP地址的输入方式,就是输入3个字符或自动跳到下一个输入框内,删除的时候,一个输入框没有了字符,自动跳回上一个输入框。看到这里,相信大家都有一些想法了,没错,这种方法就是4个输入框!!!!通过获取字符的长度和焦点来实现,...

    2018-06-24 01:57:42

2