文章分类 -  微信

摘要:以下是php中文网2020年度5月份最受欢迎的五个html5学习视频教程排名统计情况,其中php中文网原创精品教程《独孤九贱》系列《php.cn独孤九贱(2)-css视频教程》学习次数上升最快,故列为最受欢迎css视频教程榜首!php中文网的所有的视频教程都免费在线观看,欢迎大家参考学习! NO.1 阅读全文
posted @ 2020-04-06 08:02 天涯海角路 阅读(446) 评论(0) 推荐(0)
摘要:最近写HTML遇到一个问题:我想设置span的宽度和高度,但是在IE9和chrome下总是不起效果。代码和效果图如下: <head> <style> span{ background-color:#43be60; width:100px; height:50px; margin-top:20px; 阅读全文
posted @ 2020-04-06 08:01 天涯海角路 阅读(382) 评论(0) 推荐(0)
摘要:块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(很霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 2|0inline 内联元素特点: 1、 阅读全文
posted @ 2020-04-06 07:59 天涯海角路 阅读(103) 评论(0) 推荐(0)
摘要:总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一 阅读全文
posted @ 2020-04-06 07:58 天涯海角路 阅读(177) 评论(0) 推荐(0)
摘要:display:block block元素会占一行;默认情况下,block元素宽度为父元素宽度。 block元素可以设置width,height属性;块级元素设置了宽度,宽度小于父元素宽度,仍会占一行显示。 block元素可以设置margin和padding属性。 display:inline in 阅读全文
posted @ 2020-04-06 07:56 天涯海角路 阅读(83) 评论(0) 推荐(0)
摘要:1、display:block将元素显示为块级元素,从而可以更好地操控元素的宽高,以及内外边距,每一个块级元素都是从新的一行开始。2、display : inline将元素显示为行内元素,高度,行高以及底边距不可改变,高度就是内容文字或者图片的宽度,不可以改变。多个相邻的行内元素排在同一行里,知道页 阅读全文
posted @ 2020-04-06 07:40 天涯海角路 阅读(112) 评论(0) 推荐(0)
摘要:inline(行内)元素的特点: 行内元素不会独占一行,多个行内元素会排成一行,直到充满整行之后再换行。行内元素不能设置width和height属性,它的宽和高是元素内容的宽和高。设置margin和padding属性时,margin-top,margin-bottom,padding-top,pad 阅读全文
posted @ 2020-04-06 07:39 天涯海角路 阅读(438) 评论(0) 推荐(0)
摘要:一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行,其后多个block元素自动换行、 可以设置width,height,设置了width后同样也占领一行、同样也可以设置margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元素 阅读全文
posted @ 2020-04-06 07:38 天涯海角路 阅读(301) 评论(0) 推荐(0)
摘要:每个html标签元素都有其默认的元素类型,主要包括两大类:inline内联元素、block块元素。除默认为以上两种,还有部分标签元素叫可变元素,会根据上下文语境决定该元素为inline元素或是block元素。在css里,有一个display的属性,他规定元素应该生成的框的类型。可能的值有很多,inl 阅读全文
posted @ 2020-04-06 07:37 天涯海角路 阅读(1114) 评论(0) 推荐(0)
摘要:大家好,我是IT修真院武汉分院第11期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网css任务5,深度思考中的知识点——如何理解vertical-align与line-height? 一.背景介绍 元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素(b 阅读全文
posted @ 2020-04-06 07:32 天涯海角路 阅读(2444) 评论(0) 推荐(0)
摘要:、display:block就是将元素显示为块级元素 block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 2、display:in 阅读全文
posted @ 2020-04-06 07:30 天涯海角路 阅读(945) 评论(0) 推荐(1)
摘要:大家好,我是IT修真院的学员,一位正直纯洁善良的web前端程序员 。今天给大家分享一下常见的inline元素、block元素、inline-block元素有哪些?它们之间有什么区别? 1.背景介绍 2.知识剖析 在這里,inline表示的是行内元素,block表示的是块級元素,inline-bloc 阅读全文
posted @ 2020-04-06 07:28 天涯海角路 阅读(818) 评论(0) 推荐(0)
摘要:1.解释一下display的几个常用的属性值,inline , block, inline-block inline: 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding,marg 阅读全文
posted @ 2020-04-05 21:41 天涯海角路 阅读(310) 评论(0) 推荐(0)
摘要:微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适 阅读全文
posted @ 2020-04-05 21:37 天涯海角路 阅读(95) 评论(0) 推荐(0)
摘要:对于一个后端程序员来说最麻烦的就是布局了,今天就介绍下小程序的布局,介绍一种高效的小程序布局方案。笔者之前也做过native app的布局,对比下来,小程序的布局没有native那么灵活,毕竟google和apple在布局方面都提供了多套布局,用于实现各种花哨的app布局,但是小程序在布局方面也有优 阅读全文
posted @ 2020-04-05 21:33 天涯海角路 阅读(551) 评论(0) 推荐(0)
摘要:微信小程序 View 支持两种布局方式:Block 和 Flex,所有 View 默认都是 block浮动布局,要使用 flex 布局的话需要显式的声明: display:flex; 概述 1.Flex容器属性 flex-direction 决定元素的排列方向 flex-wrap 决定元素如何换行 阅读全文
posted @ 2020-04-05 21:31 天涯海角路 阅读(573) 评论(0) 推荐(0)
摘要:我们接着上一章创建的WXView那个页面进行开发,今天我们开始学习,小程序的view控件,其实说是控件,我认为它更倾向于html里面的div标签,可以就把它理解为是div的一个变种。 先看demo的效果图: 效果图 我们就在.wxml文件里定义几个view。 xml文件 我们怎么把view横向排列呢 阅读全文
posted @ 2020-04-05 21:28 天涯海角路 阅读(837) 评论(0) 推荐(0)
摘要:1,js创建map对象 var map = new Map(); 2.将键值对放入map对象 map.set("key",value) map.set("key1",value1) map.set("key2",value2) 3.根据key获取map值 map.get(key) 4.删除map指定 阅读全文
posted @ 2020-04-05 21:16 天涯海角路 阅读(1521) 评论(0) 推荐(0)
摘要:查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部, 在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效; 看一下json文件 "enablePullDownRefr 阅读全文
posted @ 2020-04-05 20:56 天涯海角路 阅读(68) 评论(0) 推荐(0)
摘要:定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 语法 arrayObject.concat(arrayX,arrayX,......,arrayX) 参数描述 arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是 阅读全文
posted @ 2020-04-05 20:55 天涯海角路 阅读(203) 评论(0) 推荐(0)