块元素在文档流中默认垂直排列,所以多个div从上至下依次排开如果希望块元素在页面中水平排列,可以使用float来使元素浮动,从而脱离文档流,元素脱离文档流以后,它下边的元素会立即向上移动css浮动的特性1.浮动的元素不会盖住文字,文字会自动环绕在浮动元素的周围2.元素浮动以后,会尽量向页面的左上或这是右上漂浮,直到遇到父元素的边框或者其他的浮动元素3.如果浮动元素上边是一个没有浮动的块元素,则浮动
分类:
Web程序 时间:
2019-11-17 13:05:14
阅读次数:
120
html平时常见的块元素有:div,p,h1,h2,h3等,内联元素有:span,a,img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。一般情况下,只使用块元素包含内联元
分类:
Web程序 时间:
2019-11-17 12:52:04
阅读次数:
80
在我们以往看到的页面效果中,很多效果是需要JS搭配使用的,而今天在本文中,我将介绍如何使用纯HTML打造属于自己的实用效果。1.**折叠手风琴**使用Details和Summary标签可以创建没有JavaScript代码的可折叠手风琴。效果:HTML<details><summary>LanguagesUsed</summary><p>Thispag
分类:
Web程序 时间:
2019-11-17 12:37:45
阅读次数:
78
一个网站能否让用户容易使用该网站往往是由菜单栏体现出来,因为它为网页的大多数页面提供功能入口。一个轻轻的点击以后,即可显示出菜单项,将网站的大部分页面和功能显示出来让用户清楚了解从而用户节约一定的时间。接下来我教大家写单击菜单栏中的菜单命令将会出现一个下拉菜单。1.HTML页面<divid="nav"><ul><li><ahref="">菜单一<
分类:
Web程序 时间:
2019-11-17 12:29:22
阅读次数:
80
标签属性 标签属性场景 列表标签 表格标签 表单标签 ...
分类:
Web程序 时间:
2019-11-16 23:49:39
阅读次数:
160
CSS 框模型概述 元素内是要展示的内容,里面的padding、margin、border都会参与计算盒子的大小,例如:有一个盒子大小为100px,外边距10px,内边距5px,实际要展示的内容只有70px 为了更方便地控制网页中的元素,最好清除元素的默认内外边距: content宽度和高度计算 使 ...
分类:
Web程序 时间:
2019-11-16 23:45:32
阅读次数:
137
浏览器 什么是浏览器内核 WEB标准的好处 Web 标准构成 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 HTML初识 HTML标签分类 1.双标签 2.单标签 单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。 文档类型 ...
分类:
Web程序 时间:
2019-11-16 23:40:51
阅读次数:
101
简介 可以使元素定位到相对于父元素或另一个元素甚至浏览器窗口本身的位置。 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素会单独占用一行。而span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 定位分类 1.普通流 html默认的文档流,从上 ...
分类:
Web程序 时间:
2019-11-16 23:32:53
阅读次数:
95
简介 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止,脱离文档流 CSS浮动 第一个是正常在文档流里,第二个是使用浮动后,就脱离里文档流,可以向右浮动,原先的位置会释放掉,不会继续占用空间 如果三个块级元素,只有中间一个块级元素使用浮动,下面的块级元素会继续顶上去,浮动 ...
分类:
Web程序 时间:
2019-11-16 23:29:54
阅读次数:
150
WEB前端 CSS选择器(CSS背景) 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器 注:用的相对来说比较少,不太建议使用。 并集选择器 如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式 子元素选择器 子元素选择 ...
分类:
Web程序 时间:
2019-11-16 23:22:56
阅读次数:
142