前端部分标签

目录

一、学到了

1.iframe标签：嵌套网页；将 一个网页嵌套到另外一个网页中，可以实现网页的互通。（在子页面中跳转，会被iframe标签的页面挡住

2.overflow溢出（容器）：当内容超出一定的容量时，可以通过overflow下的属性改变内容的展现形式

3.hr标签：水平线

4.border：边框

5.i标签和em标签：斜体字（后者更容易被浏览器识别）

6.b标签与strong标签：文字加粗（后者为突出重点）

7.float(先设置的在最里)：浮动效果（图片文字同行效果）

8.提高复用率：使用选择器

二、效果展示

1.iframe标签：

2.overflow溢出：

3.hr:水平线

4.border边框：

5.i标签与em标签：斜体字

6.b标签与strong标签

7.float(先设置的在最里)：浮动效果

8.提高复用率：使用选择器（id、class）

三、错误与纠正

1.错误：在嵌套网页中，插入图片看效果图片路径格式错误

2.错误：id的命名（#+数字×）

四、疑问

1.整样在iframe中的子页面有跳转的新需求不受父页面的iframe标签的限制？

2.为什么在使用id选择器时不能用#+数字命名？

---

 

一、学到了

1.iframe标签：嵌套网页；将 一个网页嵌套到另外一个网页中，可以实现网页的互通。（在子页面中跳转，会被iframe标签的页面挡住

• frameborder:是否显示边框（yes1,no0）
• height：框架高度
• width：框架宽度
• name：框架名称
• scrolling：框架是否滚动
• src：内框架的地址
• srcdoc：代替原来html body 中的内容
• sandbox：对iframe进行一些列的限制

2.overflow溢出（容器）：当内容超出一定的容量时，可以通过overflow下的属性改变内容的展现形式

• visible默认值，内容不会被修改；
• hidden内容会被修改并且其余内容不可见；
• auto如果内容被修改会出现滚动条以便查询其余内容；
• scroll内容会被修剪，出现滚动条，以便查询其余内容。

3.hr标签：水平线

4.border：边框

• border-width边框长度；
• border-style边框样式（默认无边框none;点线边框dotted;虚线边框dashed;实现边框solid;两个边框double）；
• border-color边框颜色）

5.i标签和em标签：斜体字（后者更容易被浏览器识别）

6.b标签与strong标签：文字加粗（后者为突出重点）

7.float(先设置的在最里)：浮动效果（图片文字同行效果）

8.提高复用率：使用选择器

• ID（#xx）：一个页面只能用一次（单一的元素或需要程序，js控制的东西，需要用id定义的时候使用）
• 类（.xx）：可以多次被使用（重复使用的元素、类别）

注意：ID是唯一指定标签，类标签是指定复用的；且id的选择符优先级别高于class选择符的优先级

二、效果展示

1.iframe标签：

iframe标签下的属性

2.overflow溢出：

visible默认值：

auto：

hidden：

scroll：

3.hr:水平线

4.border边框：

5.i标签与em标签：斜体字

6.b标签与strong标签

7.float(先设置的在最里)：浮动效果

8.提高复用率：使用选择器（id、class）

三、错误与纠正

1.错误：在嵌套网页中，插入图片看效果图片路径格式错误

纠正：

2.错误：id的命名（#+数字×）

纠正：

四、疑问

1.整样在iframe中的子页面有跳转的新需求不受父页面的iframe标签的限制？

答：在父页面定义要跳转的方法，在子页面调用父页面中的页面跳转方法在传递页面跳转的参数。

2.为什么在使用id选择器时不能用#+数字命名？

答：可以使用数字，但不能用数字开头。命名只能由字母，数字，下划线，$组成。