display

Django——admin组件简单入门

允我心安 提交于 2020-03-22 01:41:21
Django-admin管理工具 一、admin组件使用 Django 提供了基于 web 的管理工具。 Django 自动管理工具是 django.contrib 的一部分。你可以在项目的 settings.py 中的 INSTALLED_APPS 看到它: # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', "app01" ] django.contrib是一套庞大的功能集,它是Django基本代码的组成部分。 1.激活管理工具 通常我们在生成项目时会在 urls.py 中自动设置好, from django.conf.urls import url from django.contrib import admin urlpatterns = [ url(r'^admin/', admin.site.urls), ] 当这一切都配置好后,Django 管理工具就可以运行了。 2.使用管理工具 启动开发服务器

day15 CSS JS DOM初探

老子叫甜甜 提交于 2020-03-21 09:58:02
居中 line-hight 是上下 text-line 是左右 实现一个返回顶部的功能: 1 先写好CSS 2 写动作JS 写一个悬浮菜单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ margin: 0 auto; height: 48px; width:980px; background-color: aquamarine; color: coral; position: fixed; top: 0; left: 20px; right: 20px; line-height: 48px; text-align: center; } .pg-body{ margin: 0 auto; background-color: #dddddd; width:980px; height: 5000px; margin-top: 50px; } </style> </head> <body> <div class="pg-header">此处为菜单</div> <div class="pg-body">此处为内容</div> </body> </html> 效果: 上下滚动菜单始终固定在顶部 实现一个点赞按钮的效果: <

两个(div)元素使用了display:inline-block后出现错位问题解决

≡放荡痞女 提交于 2020-03-21 09:16:49
问题: 当两个div使用了display:inline-block样式后,会出现错位的情况: 问题分析 出现这种情况的原因是,第二个外层的div会相对于第一个 外层div 中最后渲染出来的 内层div 的顶部对齐, 所以才出现了这种错位的情况,如下所示: 解决 给每个外层div设置 vertical-align:top 样式,把每个外层div的顶端与行中最高元素的顶端对齐。 添加该样式后: 来源: https://www.cnblogs.com/Knowledge-is-infinite/p/12536439.html

布局相关的属性

ぃ、小莉子 提交于 2020-03-19 13:57:51
1.position 定位方式      1.正常定位 relative   2.根据父元素进行定位 absolute   3.根据浏览器窗口进行定位 fixed    4.没有定位 static   5.继承inherit 2.定位 left(左),right(右),top(上),bottom(下)离页面顶点的距离 3.z-index 层覆盖先后顺序(优先级) 4.display 显示属性 display:none 层不显示 display:block 块状显示,在元素后面换行,显示下一个块元素 display:inline 内联显示,多个块可以显示在一行内 5.float 浮动属性 left 左浮动 right 右浮动 6.clear 清除浮动 clear:both 7.overflow 溢出处理 hidden 隐藏超出层大小的内容 scroll无论内容是否超出层大小都添加滚动条 auto 超出时自动添加滚动条 来源: https://www.cnblogs.com/huan123/p/8159171.html

display转块状化

风格不统一 提交于 2020-03-19 13:39:20
display:block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 display:inline inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。 inline元素设置width,height属性无效。 inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。 display:inline-block 简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。 ---恢复内容结束--- 来源: https://www.cnblogs

第 2 章 前端基础之CSS

风格不统一 提交于 2020-03-19 08:50:31
一、CSS语法 CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。 1 ''' 2 selector { 3 property: value; 4 property: value; 5 ... property: value 6 } 7 ''' 例如: 1 h1 {color:red; font-size:14px;} 二、CSS的四种引入方式 1、行内式 行内式是在标记的style属性中设定CSS样式,这种方式没有体现CSS的优势,不推荐使用。 1 < p style ="background-color: rebeccapurple" > hello yuan </ p > 2、嵌入式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 3、链接式 将一个.css文件引入到HTML文件中。 < link href ="mystyle.css" rel ="stylesheet" type ="text/css" /> 4、 导入式 将一个独立的.css文件引入HTML文件中

Display P3

ぐ巨炮叔叔 提交于 2020-03-17 09:35:46
引言 用Bridge预览照片时,发现由手机APP“SNAPSEED”编辑后生成的图片色彩描述文件是Display P3。没听说过,一时间以为是DCI-P3,但是感觉Display跟DCI又对不上。于是,百度。 明细 Display P3 是 Apple 在 DCI-P3 基础上参考了 sRGB 而修订出的自己的标准,它拥有 sRGB 的 Gamma 2.2, 而不是 DCI-P3 的 2.6. 同时 White Point 也与 sRGB 同为 D65(6500K),并非 DCI-P3 的 D50(5500K)。 说人话就是:DCI-P3 规定的标准白色会比 Display P3 更偏黄一些,且 DisPlay P3 由于更低 Gamma 整体画面风格会更亮一些。 sRGB 与 Display P3 所能描述的颜色不一样,iPhone 7 的 Display P3 色域能记录比之前 sRGB 更多的颜色,但是如果你没有相应更好的屏幕那么你并不一定能看到这些变化,如果你的设备没有色彩管理,那么你可能会看到不准确的颜色。 在苹果的产品规划中,自家设备一定会用 DCI P3 逐步取代 sRGB 标准。在iMac之后,iPad Pro拉开iOS系统支持DCI P3的序幕。 但是,由于目前互联网上的媒体内容仍以sRGB为绝对主流,为了兼顾sRGB图片的显示效果

dispaly和visibility的区别

十年热恋 提交于 2020-03-17 07:33:16
dispaly: none ;  CSS1隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 visibility: hidden ;设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间。如果希望对象为可视,其父对象也必须是可视的。 Code < h3 > visibility示例: </ h3 > < br /> < div style ="padding: 10px; background: #eeeeee; width: 240px;" > < div id ="demo0" style ="clear: none;" > 爱煮饭 和大家一起分享美食,请看使用visibility和display区的别 < img src ="http://www.izhufan.cn/templates/default/images/Logo.gif" style ="visibility: hidden;" alt ="爱煮饭" /> 这是visibility使用例子 </ div > </ div > < br /> < h3 > display示例: </ h3 > < br /> < div style ="padding: 10px; background: #eeeeee; width: 240px;"

dispaly和visibility的区别

坚强是说给别人听的谎言 提交于 2020-03-17 07:32:03
dispaly: none ;  CSS1隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 visibility: hidden ;设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间。如果希望对象为可视,其父对象也必须是可视的。 Code < h3 > visibility示例: </ h3 > < br /> < div style ="padding: 10px; background: #eeeeee; width: 240px;" > < div id ="demo0" style ="clear: none;" > 爱煮饭 和大家一起分享美食,请看使用visibility和display区的别 < img src ="http://www.izhufan.cn/templates/default/images/Logo.gif" style ="visibility: hidden;" alt ="爱煮饭" /> 这是visibility使用例子 </ div > </ div > < br /> < h3 > display示例: </ h3 > < br /> < div style ="padding: 10px; background: #eeeeee; width: 240px;"

display:none,overflow:hidden,visibility:hidden之间的区别

微笑、不失礼 提交于 2020-03-16 19:09:11
一,display:none; 隐藏元素,不占网页中的任何空间,让这个元素彻底消失(看不见也摸不着) 二,overflow:hidden; 让超出的元素隐藏,就是在设置该属性的时候他会根据你设置的宽高把多余的那部分剪掉 我们都知道每个浏览器对代码的解析都不同,所以我们在做页面的时候会遇到很多bug,在IE里面如果内容的高度超过了该层的高度他会自动地撑开,但火狐等里面的高度是多高这层就只有这么大,内容的高即使超出了也不会影响你设置的高,在这个时候我们有的问题就可以用overflow:hidden;来解决,这是第一点,还有就是我们可以利用它做出很多hove效果 三,visibility:hidden; 他是把那个层隐藏了,也就是你看不到它的内容但是它内容所占据的空间还是存在的。(看不见但摸得到) { display: none; /* 不占据空间,无法点击 */ } /********************************************************************************/ { visibility: hidden; /* 占据空间,无法点击 */ } /********************************************************************************/ {