小程序学习知识点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设定字体大小
• <b>加粗，<i>斜体，<a>超链接，<span>正常输文本
• 使用style中，display属性可以转换为块级元素或者内联块

8.内联块

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

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

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

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改变字体。