小程序学习知识点day1

1.如果当前元素的子元素小于或超出父元素，默认情况下也不会影响父元素的大小。

2.<hr>下划线。

3.块级元素总是在新行上开始。

4.margin和padding提供全部四个参数值，按上，右，下，左的顺序作用于四边。

只提供一个值，控制四边；提供2个值，第一个控制上下，第二个控制左右；提供三个值，第一个控制上，第二个控制左右，第三个控制下。

5.padding是算作元素大小的，而margin不算作元素大小。

6.常用的控制块级元素的style:margin, padding, border, backgroud-color, line-height，width。

7.内联元素

和其他元素都在一行上
高度和宽度无法自己设定，取决于元素的高度和宽度
行高line-height，内边距padding（表象是整体都生效了）外边距margin(表象是左右两边会生效)都无法用css控制
font-size设定字体大小
加粗，斜体，<a>超链接，正常输文本
使用style中，display属性可以转换为块级元素或者内联块

8.内联块

和其他元素都在一行上
高度，宽度可以设定
行高，外边距，内边距都由CSS控制
如果两个内联块挨在一起在同一行，改变其中一个内联块的上下宽，另一个也会跟着改变，改变左右宽，另一个不会跟着改变
<select>可创建单选或多选菜单

<select><option>1</option><option>2</option>
</select>

9.内联类型文本标签：下划线，加粗，斜体。

10.超链接的时候加上target="_blank"点开超链接时会新开一个网页展现新内容而不会改变原有网页。

11.“./”是当前目录，../是找上一级，这两个都是相对路径。“/”代表根目录。

12.用id和超链接结合可以实现在一个网页点击后跳转到网页的某个地方。

<a href="#jump">冰箭</a>
<div id="jump" style="margin-top: 800px;">第七年</div>

13.float:left左浮动，靠最左，float:right右浮动，靠最右。

14.id权重比较高（#），class权重比较低（.）。

15.多改padding少改margin。

16.如下这样可以设置选项，checkbox为方格，radio为圆形。

<p><input type="checkbox">自动登录<input type="checkbox" checked="checked">SSL
</p>

效果如下：

17.要让i标签，b标签等内联元素标签独占一行只需要在style中加上display:block即可。

18.text-shadow用来给文字添加阴影，eg:

text-shadow: 1.5px 1.5px lightgray;

前两个是让重影字向右向下移，最后一个是阴影的颜色。

19.text-indent:x em可以首行缩进几个字。

20.font-family改变字体。

小程序学习知识点day1相关推荐

微信小程序学习日记day1
全局文件的设置 1.新增一个页面当你想新建一个页面时,直接在app.json中加入page字段值,如图,保存后,系统自动创建一个页面 2.主界面设置将主界面文件在app.json中page值放在最 ...
C语言小案例_小程序学习（三）
小程序学习--页面设置案例一 float页面布局效果 1.案例的整体介绍设计一个小程序,利用float布局来实现页面的布局效果.有两种效果分别是上左右下和上左中右下. 2.案例的代码详解 (1) ...
微信小程序学习笔记（1）
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构当开发者新建一个工程时,项目文件包 ...
2020微信小程序学习报告.2.17-3.1.（三）
微信小程序学习报告应学校课程要求,特此记录首先,小程序知识点: wx.request的使用:发https请求,一个小程序同时只能有5个网络请求,https的参数里,url是接口地址,method是请求 ...
小程序学习笔记（1）
小程序学习笔记(1) 以下是学习期间记录的笔记: 10-18号晚上学习笔记: 小程序实际上是需要下载安装的,只是很小,用户基本上觉察不到组件是具有一定的功能的代码的集合移动端适配: 物理像素:是图 ...
微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API 本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串.微信小程序提供了以下API函数. 8. ...
一周小程序学习第1天
2019独角兽企业重金招聘Python工程师标准>>> 一周小程序学习第1天今日正式开始小程序的学习! 对于刚上手的自学小白,技术选型是很重要的,这在一开始就决定了这条开发学习之 ...
微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习本节主要介绍JS中的数组. 3-2.1 数组的声明数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...
小程序 pagescrollto_微信小程序学习笔记（三）-- 首页及详情页开发
一.常用组件在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...

小程序学习知识点day1

小程序学习知识点day1相关推荐

最新文章

热门文章