padding | 易学教程

50道CSS基础面试题（附答案）

阅读更多关于 50道CSS基础面试题（附答案）

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child）可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：

45道CSS基础面试题（附答案）

阅读更多关于 45道CSS基础面试题（附答案）

1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3、 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child）可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级

45道CSS基础面试题（附答案）

阅读更多关于 45道CSS基础面试题（附答案）

css3背景background

阅读更多关于 css3背景background

背景图片（background-image）在css3中背景图片可以放置多张图片， background-image: url(image1.jpg,image2.jpg) ，中间以都够分隔；而且背景图片默认平铺，图片显示的位置默认从元素的padding开始显示。由图我们可知，我们的图片是从padding的位置开始显示，我们可以通过属性 background-origin 来改变背景图片显示的位置 background-origin padding-box：从padding开始显示图片 border-box：从border开始显示图片 content-box：从content开始显示图片背景图片大小（background-size） cover ：背景图片覆盖，将最短的边缩放至元素宽高 contain ：背景图片完整显示，将最长的边缩放至元素宽高 px ：具体的宽高 % ：百分比 background-size：cover background-size : contain 背景图片定位（background-position）通过设置背景图片的定位，可以控制背景图片显示的区域，一般用于 Sprite图。 background-size : 10px 10px ; 背景线性渐变（background-image:linear-gradient(#fff，#f00)） •

H5 , Css基础练习

阅读更多关于 H5 , Css基础练习

h5,css基础练习 1.内边距练习padding <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > H5 </ title > < style > div { width : 200px ; height : 200px ; border : 1px solid red ; #边框线1像素红色 /* padding:10px 20px 30px 20px; */ /* 顺序顺时针上右下左 */ /* padding-top:10px;上边距 */ /* 左内边距 */ padding-top : 5px ; #内边距上 padding-left : 20px ; #左内边距 } </ style > </ head > < body > < div > 这是div中的文字 </ div > </ body > </ html > <!DOCTYPE html> < html

Tensorflow卷积接口总结

阅读更多关于 Tensorflow卷积接口总结

tf.nn.conv2d(input, filter, strides, padding, use_cudnn_on_gpu=None, name=None) 这个接口用了这么久，每次都有点迷惑，这里做下总结。参数 input：输入图片，shape为[batch_size, in_height, in_width, in_channels] filter：卷积核参数，shape为[kernel_height, kernel_width, in_channels, out_channels]，第三维与input的第四维对应，第四维决定了卷积核的个数 stride：步长，一维向量，4个值，其中[0]和[3]固定填写1，[2]和[4]分别为height的步长和width的步长，即[1，h，w，1] padding：对齐方式，取值valid则丢弃剩余不能和kernel size匹配的图像元素，取值same则对图像元素做边缘扩充，扩充方式为左单右双。输出大小根据以上参数可以计算出feature map的大小 out_height = (in_height - filter.height +2*padding)/stride + 1 out_width = (in_width - filter.width + 2*padding)/stride +1 典型代码一般来说都要配以tf

jQuery动画

阅读更多关于 jQuery动画

1. 基本效果 show([s,[e],[fn]]) 显示隐藏的匹配元素 hide([s,[e],[fn]]) 隐藏显示的元素 toggle([s],[e],[fn]) 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的参数详解 speed : 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000) easing : (Optional) 用来指定切换效果，默认是"swing"，可用参数"linear" fn : 在动画完成时执行的函数，每个元素执行一次。 2. 滑动效果 slideDown([s],[e],[fn]) 通过高度变化（向下增大）来动态地显示所有匹配的元素 slideUp([s,[e],[fn]]) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素 slideToggle([s],[e],[fn]) 通过高度变化来切换所有匹配元素的可见性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滚动播放</title> <style> body { background:#ccc; } #box { margin:100px auto; width: 1000px; height: 460px;

border-radius你了解多少？

阅读更多关于 border-radius你了解多少？

在border-radius这个CSS3属性出现之前，我们要想在页面画个圆，务必借助图片来实现，出了这个border-radius属性之后，我们在页面中实现一个圆形是非常容易的。接下来我们仔细研究研究这个border-radius，看看它还有那些黑魔法？ Border-radius探究通过border-radius轻而易举的可以划出一个圆。我们通过这样的一个小例子，开始探究border-radius。 HTML: <divclass="demo"></div> CSS: .demo{ width:100px; height:100px; background-color:#f00; border-radius:50px; } 结果：要想画正圆，我们首先要有一个正方形，所以在宽高100px的正方形，加上border-radius:50px;同学们可能好奇，它是怎么计算。50px代表的是什么？这时我们看看控制台：上面的内容使我们展开的样子，虽说我们仅仅写了一个值50px；但是对于浏览器来说，他认为是四个一样的值。对于border-*-radius这种展开属性一一对应。看到这里大家能想到的类似的属性（设置一个属性，会被应用到多个展开属性的属性）: margrin(margin-left,margin-top, margin-right, margin-bottom) padding

border-radius你了解多少？

阅读更多关于 border-radius你了解多少？

小程序选中和未选中的实现

阅读更多关于小程序选中和未选中的实现

效果图： wxml:  <view class="size">选择版本</view> <scroll-view scroll-x > <view class="con"> <view wx:for="{{banben}}" wx:key="" data-index="{{index}}" bindtap='goSize'> <view class="{{index==idxSize?'_item-size':'item-size'}}" >{{item.size}}</view> </view> </view> </scroll-view>  <view class="color">选择颜色</view> <scroll-view scroll-x > <view class="con"> <view wx:for="{{banben}}" wx:key="" data-index="{{index}}" bindtap='goColor'> <view class="{{index==idxColor?'_item-color':'item-color'}}" >{{item.color}}

订阅 padding