padding

CSS盒子模型1.0

烈酒焚心 提交于 2020-02-03 12:21:13
CSS盒子模型 什么是盒子模型 网页是由多种不同的盒子构成的,所有说盒子是网页布局的关键点 盒子分为哪三个部分 边框(border) 内边距(padding) 外边距(margin) 边框border -盒子的厚度 宽度border-width 样式border-style 分为4种 – 没有边框border-style:none; — 边框为单实线:border-style:solid; –边框为虚线:dashed; – 边框为点线:dotted; 颜色border-color 以上内容可简写为 border:7px solid red; 边框还可以分为为以下四种边框 -----border-top 上边框 ----border-bottom 下边框 -----border-left 左边框 –border-right 右边框 其他用到边框的地方 —表格的细线边框 border-collapse:collapse 内边距padding — 盒子内部的距离 padding: 10px;-------上下左右都为10 padding: 10px 20px-----上下10 左右为20 padding: 10px 20px 30px----上为10 左右为20 下为30 padding: 10px 20px 30px 40 px ----上为10 右为20 下为30 左为40 注意

HTML和CSS实现京东登录页面(html,css代码详解)

狂风中的少年 提交于 2020-02-03 09:36:53
HTML代码 基本布局 想练手,或者需要素材的留言我发给你即可 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 京东 - 欢迎登陆 < / title > < meta name = "keywords" content = "京东在线商城" > < meta name = "description" content = "电商网站" > < link rel = "icon" href = "favicon.ico" > < link rel = "stylesheet" href = "./css/login.css" > < link rel = "stylesheet" href = "./css/base.css" > < / head > < body > < ! -- 登录头部开始 -- > < div class = "login_w" > < div class = "l_login" > < a href = "#" > 京东首页 < / a > < b > < / b > < / div > < div class = "r_login" > < a href = "#" > 登录页面,调查问卷 < / a > < b > < / b >

2.5、CSS盒子模型

时间秒杀一切 提交于 2020-02-03 06:54:35
盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 设置边框 设置一边的边框,比如顶部边框,可以按如下设置: border-top-color:red; /* 设置顶部边框颜色为红色 */ border-top-width:10px; /* 设置顶部边框粗细为10px */ border-top-style:solid; /* 设置顶部边框的线性为实线,常用的有:solid(实线) dashed(虚线) dotted(点线); */ 上面三句可以简写成一句: border-top:10px solid red; 设置其它三个边的方法和上面一样,把上面的'top'换成'left'就是设置左边,换成'right'就是设置右边,换成'bottom'就是设置底边。 四个边如果设置一样,可以将四个边的设置合并成一句: border:10px solid red; 设置内间距padding 设置盒子四边的内间距,可设置如下: padding-top:20px; /* 设置顶部内间距20px */ padding-left:30px; /*

CSS居中

纵然是瞬间 提交于 2020-02-03 00:12:01
一、文本居中 1、横向居中 text-aline:center; 2、单行文本垂直居中 line-height:height; 3、多行文本垂直居中 盒子不设置高度,同时设置上下相同的padding; .box{ width:400px; font-size:20px; line-height:40px; padding:20px 0px; } 二、块级元素居中: 1、横向居中 ①已转块或块级: margin:0 auto; ②绝对定位(宽度定值) .box{ position:relative; } .box .son{ width:400px; position:absolute; left:50%; margin-left:-200px; } ③空间移动(宽度不定) .box{ position:relative; } .box .son{ width:400px; position:absolute; left:50%; transform:translateX(-50%);/*空间移动,水平移动*/ } 2、垂直居中 ①不设置父盒子高度,同时设置上下相同的padding,前提是块级元素和父盒子宽度都固定 .box { width: 400px; /* 子盒子垂直居中 父盒子高度省略 设置相同的上下padding */ padding: 100px 0; border:

TensorFlow-keras 100分类

梦想的初衷 提交于 2020-02-03 00:05:20
import os os.environ['TF_CPP_MIN_LOG_LEVEL'] = '2' from tensorflow.python.keras.datasets import cifar100 from tensorflow.python import keras import tensorflow as tf class CNNMnist(object): model = keras.models.Sequential([ #卷积层1 keras.layers.Conv2D(32,kernel_size=5,strides=1,padding="same",data_format="channels_last",activation=tf.nn.relu), #池化层1 keras.layers.MaxPool2D(pool_size=2,strides=2,padding="same"), #卷积层2 keras.layers.Conv2D(64,kernel_size=5,strides=1,padding="same",data_format="channels_last",activation=tf.nn.relu), #池化层2 keras.layers.MaxPool2D(pool_size=2,strides=2,padding="same"),

2.2-学习

梦想与她 提交于 2020-02-03 00:03:25
css 轮廓 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 CSS outline 属性规定元素轮廓的样式、颜色和宽度。 margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。 为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性。 所有边距属性的简写属性是 margin : padding(填充) 当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的填充。 Padding属性,可以有一到四个值。 padding:25px 50px 75px 100px; 上填充为25px 右填充为50px 下填充为75px 左填充为100px padding:25px 50px 75px; 上填充为25px 左右填充为50px 下填充为75px padding:25px 50px; 上下填充为25px 左右填充为50px padding:25px;

盒子模型

左心房为你撑大大i 提交于 2020-02-02 22:45:21
1 盒子 css在处理网页的时候,它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 2 盒子模型 一个盒子可以分为以下几个部分: 内容区(content) 内边距(padding) 边框(border) 外边距(margin) 2.1 内容区 内容区指的是盒子中放置内容的区域,也就是元素中的文本内容,子元素都是存在于内容区中的。 如果没有为元素设置内边距和边框,则内容区大小默认和盒子大小是一致的。 通过width和height两个属性可以设置内容区的大小。 width和height属性只适用于块级元素。 2.2 内边距 顾名思义,内边距指的是元素内容区和边框以内的空间。 默认情况下width和height不包含padding的大小。 使用padding属性来设置元素的内边距。 例如: padding:10px 20px 30 px 40px;这样会设置元素的上右下左四个方向的内边距。  padding:10px 20px 30px;分别指定上、左右、下四个方向的内边距。 padding:10px 20px;分别指定上下、左右四个方向的内边距。 padding:10px;同时指定上右下左四个方向的内边距。 

前端入门

笑着哭i 提交于 2020-02-02 08:16:29
一、组合选择器   1.群组选择器   2.子代选择器   3.后代选择器   4.相邻选择器   5.兄弟选择器   6.交集选择器   7.组合选择器的优先级 二、属性选择器 三、盒模型   1.盒模型概念   2.盒模型成员介绍 四、边界圆角   1.单角设置   2.整体赋值 五、常用标签   1.超链接标签a   2.图片标签img   3.列表标签list 六、伪类选择器   1.a标签的四大伪类   2.内容伪类   3.索引伪类   4.取反伪类 七、盒模型布局   1.做页面必备reset操作   2.盒模型布局基本介绍   3.display:显示方式   4.兄弟坑   5.父子坑   6.解决方案 一、组合选择器 1.群组选择器   可以将任意多个选择器分组到一起,用逗号分隔。 div,.s,section{ color:red; } 2.子代选择器   如果只希望影响到某个标签下的第一级标签,可以用子代选择器。   x > y。只会影响到x标签下的y标签,不会影响到x标签下的z标签里的y标签。 div>strong{ color:red; } 3.后代选择器   又称包含选择器。只要是在这个标签里的某种标签都会被影响   x 空格 y。x标签下所有的y标签 div a { text-decoration: none; } 4.相邻选择器  

构建arm64 owt ios sdk 和demo

血红的双手。 提交于 2020-02-02 06:44:50
模拟器不支持camera 可以编译一个常见的arm64架构的ios了。 我有一台iphone5s 和 ipad mini2 arm64的 sioclient 要指向 arm64的openssl owt ios demo 也要指向 arm64的openssl 要修改ssl.gn 要重新构建owt sdk iphone am64 openssl zhangbin@pb6a80114  ~/tet/webrtc_build/owt-native/OpenSSL-for-iPhone/bin/iPhoneOS13.2-arm64.sdk   master  pwd /Users/zhangbin/tet/webrtc_build/owt-native/OpenSSL-for-iPhone/bin/iPhoneOS13.2-arm64.sdk webrtc 的ssl.gn ssl.gn iPhoneOS13.2-arm64 构建owt 之前 python scripts/build.py --arch ‘arm64’ --ssl_root ‘/Users/zhangbin/tet/webrtc_build/owt-native/OpenSSL-for-iPhone/bin/iPhoneOS13.2-arm64.sdk’ --scheme ‘debug’ --skip_tests

XPath函数——字符串函数

时光怂恿深爱的人放手 提交于 2020-02-02 03:49:53
字符串函数主要用来处理字符串。字符串函数主要包括以下:concat(),contains(),normalize-space(),substing(),substring-before(),subsring-after(),translate(). 1、concat() concat()函数用于串连多个字符串。 简单示例: xml: <?xml version="1.0" encoding="UTF-8"?> <root> <e id="1">st</e> <e id="2">nd</e> <e id="3">rd</e> </root> */ /*--> */ xslt: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" version="1.0" encoding="gb2312" indent="yes"/> <xsl:template match="/root"> <xsl:for-each select="e"> <xsl:value-of select="concat(@id,.,' ')"/> </xsl:for-each> <