嵌套

用p标记 包括div标记 最后浏览器渲染出来的 却没在里面

依然范特西╮ 提交于 2019-12-30 01:06:25
思宜企鹅:33257946没想到之前犯了这种低级错误 在学习html语言的之后就说过 标签可以嵌套 但是 有些标记是不能嵌套的 书写HTML结构的时候,对于标签的嵌套问题,在我发现这个问题之前,都不在自己的考虑之中,还傻傻的以为标签之间是可以进行百搭的! 比如 a标签再嵌套a标记就会不生效 (1)a标签不能嵌套a标签(链接嵌套) 不可以 <a href="###">父元素<a href="###">子元素</a></a> ; //嵌套父子级 (2)p标签不能嵌套块级标签 <p>父元素<div>子元素</div></p> ; //嵌套父子级 浏览器解析为兄弟级: <p>父元素</p>; <div>子元素</div>; 我就是傻傻的犯了这种错误 最后在浏览器中解析成了兄弟标记 我还纳闷呢 最后才发现 虽然p标记是块标记 但是不能嵌套 其他的块标记 可以嵌套 行内标记和 行内块标记 <p> <span></span> </p> <p> <input></input> </p> ———————————————— 来源: https://www.cnblogs.com/16562653945aa/p/12117297.html

Bootstrap 栅格系统

霸气de小男生 提交于 2019-12-30 00:27:41
1、简介 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加, 系统会自动分为最多12列 。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。 2、栅格选项 bootstrap3.x使用了四种栅格选项来形成栅格系统,这四种选项在官网上的介绍如下图,很多人不理解,这里跟大家详解一下四种栅格选项之间的区别, 其实区别只有一条就是适合不同尺寸的屏幕设备 。我们看class前缀这一项,我们姑且以前缀命名这四种栅格选项,他们分别是col-xs、col-sm、col-md、col-lg,我们懂英文的就知道,lg是large的缩写,md是mid的缩写,sm是small的缩写,xs是***的缩写。这样命名就体现了这几种class适应的屏幕宽度不同。下面我们分别介绍这几种class的特点。 通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。 3、列偏移 使用.col-md-offset-*可以将列偏移到右侧。这些class通过使用*选择器将所有列增加了列的左侧margin。例如,.col-md-offset-4将.col-md-4向右移动了4个列的宽度。 4、嵌套列 为了使用内置的栅格将内容嵌套,通过添加一个新的.row和一系列.col-md-*列到已经存在的.col-md-

嵌套&匿名&高阶函数

↘锁芯ラ 提交于 2019-12-29 11:33:00
嵌套&匿名&高阶函数 嵌套函数 函数可以嵌套定义并调用函数 name = "小明" def change(): name = "小明,你好" def change2(): # global name 如果声明了这句,下面的name改的是最外层的全局变层 name = "小明,你好,你好胖" #这句注释掉的话,下面name打印的是哪个值? print("第3层打印", name) change2() # 调用内层函数 print("第2层打印", name) change() print("最外层打印", name) 执行结果: 第3层打印 小明,你好,你好胖 第2层打印 小明,你好 最外层打印 小明 每个函数里的变量是互相独立的,变量的查找顺序也是从当前层依次往上层找。 匿名函数 匿名函数就是不需要显式的指定函数名 #这段代码 def calc(x,y): return x**y print(calc(2,5)) #换成匿名函数 calc = lambda x,y:x**y print(calc(2,5)) 当在一个大程序中需要使用一个很简单的计算公式时,如果为了这个小计算就定义一个函数还要起一个有意义的函数名,这就会使程序员很头疼。这个时候使用匿名函数,就很方便。 另外,匿名函数主要是和其它函数搭配使用的 res = map(lambda x:x**2,[1,5,7,4,8])

web前端入门到实战:HTML-div和span标签

两盒软妹~` 提交于 2019-12-29 10:30:53
一、div标签 1.作用:一般用于配合CSS完成网页的基本布局 2.例子: <style> .head{ width: 980px; height: 100px; background: red; margin: auto; } .content{ width: 980px; height: 300px; background: green; margin: auto; } .footer{ width: 980px; height: 100px; background: blue; margin: auto; } .logo{ width: 280px; height: 50px; background: purple; float:left; margin: auto; } .nav{ width: 180px; height: 20px; background: yellow; float:right; margin: auto; } </style> </head> <body> <div class="head"> <div class="logo"></div> <div class="nav"></div> </div> <div class="content"> </div> <div class="footer"> </div> web前端开发学习Q-q-u-n:

ucosii-2- 5330杨璟旭

老子叫甜甜 提交于 2019-12-29 10:04:21
题目要求 阅读附件中的代码,回答: ucos是如何分层的? HAL都有哪些代码? 分析任务是如何切换的? 1. ucos是如何分层的? 一共四层:硬件相关层,驱动接口层,应用接口层,应用层。好的分层会让软件开发相对独立化,分工同步进行。 所有的硬件被抽象化,应用层的程序,在硬件完全更换的情况下,只要硬件相关层被更新,完全可以等同原先的所实现的功能。这样就极大成度上方便了移植。 硬件相关层: 在这层中,要尽量所有硬件相关都囊括在其中。不管是GPIO还是定时器,或串行接口。只要提供标准统一的接口,就可以让上层会因此而变的很潇洒。这其中有三个最为重要的接口Open,Close,Ctrl。 Open主要来完成对应硬件初始化,形参中包括了些,初始化的相关参数。Close失能硬件。Ctrl来实现一些控制的修改如:优先级,中断回调函数等等,硬件的不同,内容也大为不同。 驱动接口层: 其实在上一层也算是驱动层,只不过因为硬件相关,而把他分离。这层中会用到一个或多个硬件层的接口,进行组合来实现特定功能的程序。这部分程序可举例进行说明。以Flash为列,它这里主要调用硬件层的SPI函数接口,但是主要的写,读指令都是在这里函数中完成的。在这层中需要提供5个标准统一的接口函数: XXXOpen XXXClose XXXWrite XXXRead XXXIoCtl 没有被用到的函数,可以为空

Android 双向滑动表格控件实现--FormLayoutManager

℡╲_俬逩灬. 提交于 2019-12-28 19:02:14
前言 为什么会有这篇文章诞生呢?本人工作以为一直没做个表格控件的需求,直到最近的新公司,要做一个表格的需求。一开始遇到需求,自己脑海就先构思了一下思路。当然也会想大家一样百度谷歌看看大家普遍是怎么做的。一百度,我就惊讶了。 怎么大家都是recyclerview或listview外面一层套一个HorizontalScrollView来实现表格。我就想为啥不一个recyclerview用一个FormLayoutManager来实现。也许大家现在再找这个FormLayoutManager,发现谷歌好像没自带这个LayoutManager喔,没错这是我自定义的一个LayoutManager。其实会自定义LayoutManager的程序员也不少,为什么大家就没想到用来实现表格的? 不是因为我冰雪聪明,是因为大家懒。大家天天看博客,看github,用别人的库,就想着怎么用就行了。学会了自定义某个大类,但平时又不用于生活中,这样浑浑噩噩,你良心疼不疼。我也喜欢用第三方的开源库,一来免费,二来好用。那我良心就不疼,等我写完这系列文章就不疼了,因为我也开始写一些第三方库,虽然是一些小库,但起码自我感觉好像踏进大神们的领域,就好像港剧里面一个打工仔终于有幸踏入太平山俱乐部一样。 正经事说完了,接下来就开始介绍不正经的那些事。 区别

CSS命名规范--BEM

青春壹個敷衍的年華 提交于 2019-12-28 15:56:06
BEM 基于组件方式的web开发方法,基本思想是将用户界面分成独立的模块。 Block(块)(通常指模块,组件) Block 是一个逻辑上和功能上独立的页面组件,等同于网页组件中的部件(等同于网页中的组件)。Block 封装了行为(Javascript)、模板、样式(CSS)和其他实现技术。独立状态的 Block 可供复用,并且促进项目开发和维护。 内容 模块名称:描述了它的目的(“它是什么?” —— 菜单或者按钮),而不是它的状态(“它看起来是什么样子?” —— 红色或者大的)。 模块不应该影响它所在的环境,这意味着你不应该为模块设置会影响到外部的形状(影响大小的 padding 或边框)和定位 你也不应该在使用 BEM 的时候使用 CSS 标签选择器和 ID 选择器 名称可以包含拉丁字母、数字、短划线 使用 嵌套关系 模块与模块之间可以彼此嵌套 你可以有任意级别的嵌套层次 < ! -- 'head' 模块 -- > < header class = "header" > < ! -- 嵌套 'logo' 模块 -- > < div class = "logo" > < / div > < ! -- 嵌套 'search-form' 模块 -- > < form class = "search-form" > < / form > < ! -- 嵌套 'nav' 模块 -- >

html/css基础

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-28 14:26:30
html 一、标签(重要) 1.web标准的组成三部分 结构层 html 样式层css 行为层JS。 2.标签的分类 (单标签,双标签) (嵌套关系,并列关系) 3.文本格式化标签 b, p i u h1 en 4.img标签使用及属性 <img src="路径" alt=“图片加载失败显示”title=“鼠标悬停出现”width=“宽”height=“高”> *图片设置宽高,最好宽和高只选择一项设置防止变形;除非有确定的宽和高 5.a标签的使用以及页面定位功能 标签<a herf="#" 属性:href路径 target窗口打开方式:_blank(新窗口打开) _self(当前窗口打开) ( <base target="打开方式">写在hady标签内 base英文基础的意思S ) onclick:(点击)="return fase" 禁止当前页面跳转 锚点定位 加id名 herf="路径+#id名" 6.绝对定位/相对定位: 绝对路径是从盘符,网络资源路径出发(不常用) 相对路径是从文件本身出发. H5标签:<nav></nav>导航 <aside></aside>侧边栏 <article><article>文章 footer脚注 header头部 二、无序列表(常用、重要) ul li (导航 多种相同的) 例: <ul> <li><p></p><li> *在ul内写其他标签,

Sping中MyBatis的嵌套查询和潜逃结果查询代码实现

和自甴很熟 提交于 2019-12-28 00:46:28
** MyBatist中嵌套查询和嵌套结果代码实现与错误解决 ** 课程实践要求实现的代码 用Eclipse+MySQL实现 ##效果图 问题 JDBC连接Mysql时警告 —— Establishing SSL connection without server’s identity verification is not recommend 项目中使用的驱动版本与Mysql的版本不一致,Mysql5.5之后的版本对安全性的要求更高,默认采用的是SSL连接,而驱动在连接时并没有相关配置,所以会有警告提示,但并不影响使用。 在Java项目中使用JDBC连接Mysql时出现如下警告: Establishing SSL connection without server’s identity verification is not recommended. According to MySQL 5.5.45+, 5.6.26+ and 5.7.6+ requirements SSL connection must be established by default if explicit option isn’t set. For compliance with existing applications not using SSL the

组件的组合、嵌套和组件树

柔情痞子 提交于 2019-12-27 23:53:37
继续拓展前面的例子,现在我们已经有了 Header 组件了。假设我们现在构建一个新的组件叫 Title ,它专门负责显示标题。你可以在 Header 里面使用 Title 组件: class Title extends Component { render () { return ( <h1>React 小书</h1> ) } } class Header extends Component { render () { return ( <div> <Title /> </div> ) } } 我们可以直接在 Header 标签里面直接使用 Title 标签。就像是一个普通的标签一样。React.js 会在 <Title /> 所在的地方把 Title 组件的 render 方法表示的 JSX 内容渲染出来,也就是说 <h1>React 小书</h1> 会显示在相应的位置上。如果现在我们在 Header 里面使用三个 <Title /> ,那么就会有三个 <h1 /> 显示在页面上。 <div> <Title /> <Title /> <Title /> </div> 这样可复用性非常强,我们可以把组件的内容封装好,然后灵活在使用在任何组件内。另外这里要注意的是,自定义的组件都必须要用大写字母开头,普通的 HTML 标签都用小写字母开头。 现在让组件多起来