我的HTML div标记不会包含列表，也不会显示底部边框 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

前端基础知识整理

HTML 超文本标记语言（英语：HyperText Markup Language，简称：HTML），是一种标识性的语言。...name="aaa"/> html也可以简写同时可以省略闭合标签/符号：例外的是即使标签没有代码体只有一个src属性也不能简写, 必须含有闭合标签...设置对象边框的特性。 1 border-bottom 复合属性。设置对象底部边框的特性。 1 border-bottom-color 设置或检索对象的底部边框颜色。...1 border-bottom-style 设置或检索对象的底部边框样式。 1 border-bottom-width 设置或检索对象的底部边框宽度。...1 clip 剪裁绝对定位元素 2 cursor 规定要显示的光标的类型（形状） 2 display 规定元素应该生成的框的类型 1 float 规定框是否应该浮动 1 left 设置定位元素左外边距边界与其包含块左边界之间的偏移

4.6K2 0

HTML基础

Markup Language, 超文本标记语言)，用于构建网页基本结构及其内容的标记语言超文本：文本中包含指向其他文本的链接标记语言：将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码...元素可以拥有属性，属性包含有元素的额外信息，如 img 标签的 alt 属性可以用于指定图片的替换文字，即当无法正常显示图片时会显示出来的文字。 HTML 固定结构 <!...（内联元素）可以控制宽高、行高、边距、边框等改变尺寸常见块级元素：div、p、h1-h6、ul、ol、dl、table、form、blockquote、address 行内元素（内联元素）只占据对应标签边框所占据的空间...label、code、cite 行内块级元素元素在行内排列，不会独占一行可以控制宽高、垂直边距、边框来改变尺寸常见行内块级元素有：img、input、td 语义化标签根据内容的结构，选择合适的标签构建出便于开发者阅读的可维护性更高的代码结构...footer 标签描述了文档的底部区域通常包含文档的作者，著作权信息，链接的使用条款，联系信息等例子： Posted by: Hege Refsnes <

2.2K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

WEB入门.七 CSS布局模型

与普通元素相同，浮动元素始终在包含元素之内游离，也不会破坏元素的包含关系。...而对于框架页面中包含的每一个框架，都是通过标记来定义的。...> html> 这段代码分别为上下两个框架页面命名为"pic"和"text"，允许代码时并不会显示框架名，因此不会影响框架的显示效果。...，光标不会变为双箭头形状2，也无法拖动框架的边框，如图 3.1.31 所示。...许仙一听，非常气愤，他想：我娘子心地善良，对我的情意比海还深。就算她是蛇精，也不会害我，何况她如今已有了身孕，我怎能离弃她呢！法海见许仙不上他的当，恼羞成怒，便把许仙关在了寺里。

7631 0

HTML+CSS基础

又比如当设置float:left，那么margin-left直接起作用，假如内部元素的宽度不够，那么margin-right也可能不会表现出作用。...--》 2.2.3.1 理解错了这个属性的含义，它指的是你所设置的元素的下外边距，但不代表它在父元素的底部，也不代表它的子元素都会在它的底部显示。...7.当不想将H1标签用在LOGO上并且网页主要的关键词在后面的时候，如果还是想加H1标签并且想H1标签的关键词靠前，可以利用DIV+CSS布局来调整主关键词的位置，这样也不会影响页面效果。...title；dd-自定义列表项） 13、mark：标记（黄色背景标记） 14、img：图片标签四、CSS标签样式初始化（css reset） 1、书写原则： ...{……}） 4、群组选择器，用逗号隔开 p, h1, div{……} 5、包含选择器，用空格表示包含 div a{......} 6、通配符，不建议使用，原因

3.4K9 1

一篇文章带你了解CSS基础知识和基本用法

head> div>fddiv> Html> 也可以使用元素加选择器更加精确的定位到该元素 Html> Css应用列表List 1)).列表的类型 none 无标记 disc 实心圆 circle...> 3)).列表的位置 inside 列表项目标记放置在文本以内 outside...列表项目标记放置在文本以外这三者属性可以放在list-style中统一设置。...div{ display:inline } none 元素不会被显示。

13.4K2 0

WEB入门.七 CSS布局模型

当相对定位元素偏移后，它的原位置区域保持不变，其他元素也不会通过流动填充该元素偏移前的位置。...与普通元素相同，浮动元素始终在包含元素之内游离，也不会破坏元素的包含关系。...而对于框架页面中包含的每一个框架，都是通过标记来定义的。...这段代码分别为上下两个框架页面命名为"pic"和"text"，允许代码时并不会显示框架名，因此不会影响框架的显示效果。...许仙一听，非常气愤，他想：我娘子心地善良，对我的情意比海还深。就算她是蛇精，也不会害我，何况她如今已有了身孕，我怎能离弃她呢！法海见许仙不上他的当，恼羞成怒，便把许仙关在了寺里。

5621 0

【CSS】课程网站 Banner 制作 ③ ( Banner 栏右侧课程盒子测量及样式 | Banner 版心盒子模型右侧课程栏代码示例 )

*/ .all { /* 显示模式 - 块级元素 */ display: block; /* 总高度 40 像素 , 有 2 像素的上下边框 */ height: 38px; /* 边框 1...-- 顶部的标题 --> div class="course-hd">我的课程表div> div class="course-bd"> 的标题 --> div class="course-hd">我的课程表div> div class="course-bd"> <!....all { /* 显示模式 - 块级元素 */ display: block; /* 总高度 40 像素 , 有 2 像素的上下边框 */ height: 38px; /* 边框 1 像素....all { /* 显示模式 - 块级元素 */ display: block; /* 总高度 40 像素 , 有 2 像素的上下边框 */ height: 38px; /* 边框 1 像素

5.7K6 0

HTML 基础

在 HTML 中，用于描述功能的符号称之为 "标记"，标记在书写时，必须用尖括号括起来() (1). 封闭类型标记 ①. 封闭类型标记必须成对出现 ②.... List Item 列表项，显示在列表中的内容，允许在一个列表中出现另一个列表，被嵌套的列表必须放在中 36....常用结构标记，为了取代做布局的 div，从而体现出布局标记的语义性 (1). 用来表示页面或某部分内容的顶部信息，允许出现多次 (2)....以隐式的方式提交数据到服务器(不会显示)，安全性较高，身份证号，密码，安全性要求高的数据，必须用 post b. 无提交数据大小限制 c....属性 ①. name 缩写 sel ②. size 默认显示选项的数量，如果大于 1 的话，则为滚动列表 ③. multiple 设置多选，也会变成滚动列表，配合 Ctrl 或 Shift

6K1 0

css基础

使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。...color: red; } div>我是老大div1 我是儿子p1 儿子的手机也亮了span我解决所有困难，我愿终身奉献，专心侍奉您……”就在这时，圣坛上发出一阵宏伟庄严的声音：“我一直垂听你的祷告。可是最起码？你也该先去买一张彩票吧!”...用于把所有用于列表的属性设置于一个声明中 list-style-type属性指定列表项标记的类型 ul { list-style-type: square; } 使用图像来替换列表项的标记: ul {...padding: 用于控制内容与边框之间的距离； Border(边框): 围绕在内边距和内容外的边框。 Content(内容): 盒子的内容，显示文本和图像。

2.3K2 0

CSS

，这就是导入式固有的一个缺陷，使用链接式时与导入式不同的是它会以网页文件主体装载前装载css文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后在显示有样式的网页...div> 25 26 html> 边框在默认情况下会定位在于浏览器窗口的左上角，但是并没有紧贴这浏览器的窗口的边框，这是应为body本身也是一个盒子（外层还有html），在默认情况下...，body距离html会有若干像素的margin，具体数值因各个浏览器不尽相同，所以body中的盒子不会紧贴浏览器窗口的边框了，为了验证这一点，加上　　　　body{ 　　　　　　　boeder:1px...可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。注意，以上这些理论，是指标准流中的div。...，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。

2.6K3 0

HTML学习笔记一

HTML页面显示的内容 ps:abbr标签的缩略会有下划线显示，而dfn不会有下划线显示联系信息： , 用来显示一些需要注明的信息内容，该元素的文本为斜体输出... 二 type属性：设置列表的标记（disc,circle,square）有序列表：… 有序列表是以数字顺序排序的列表进行标记 ...>标签开始，每一个自定义列表项以，每一个自定义列表项的定义从开始列表是可以嵌套在上一层有序/无序列表中的，形成所谓的二级列表 HTML 块：块元素：可以通过div >和...块元素：块元素，在浏览器中，通常是从新的一行开始和结束内联元素：内联元素在浏览器显示时，不会以新行开始 div >元素： div是块元素，主要用来组合其他HTML元素标签 div元素没有特殊含义...脚本： script元素：标签用于定义客户端脚本，既可以是在HTML文档中包含脚本语句，也可以通过src属性指向外部脚本文件 <script type="text/javascript

3.4K1 1

前端入门学习--CSS

列表属性作用：设置不同的列表项标记问有序列表设置不同的列表项为无序列表设置列表项标记为图像列表 HTML有两种类型的列表：无序列表有序列表使用CSS可以列出进一步的样式...，并可用图像作列表项标记。...不同的列表项标记 list-style-type属性指定列表项标记的类型是：作为列表项标记的图像要指定列表项标记的图像，使用列表样式图像属性： display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。

31.4K2 0

Imooc之Html与CSS

如右侧代码编辑器中的html>、、、、 ---- 类选择器 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来...在html中div>、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。...div>我要变成内联元素div> 内联元素特点：和其他元素都在一行上；元素的高度、宽度及顶部和底部边距不可设置；元素的宽度就是它包含的文字或图片的宽度，不可改变。...设置a{display:block;} 内联元素内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。...实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

8.1K2 0

网络安全攻击与防护--HTML学习

--…-->标记，在HTML中，这个标记代表的是注释的意思，就是这个标记里边的东西是为了让别人更容易理解你的代码而写的，这些内容不会被浏览器显示到页面中。　　...另外，我要告诉朋友们的是，我们在写代码时一行一行的写只是为了以后修改方便，也为了使别人能看懂我们的代码，但是我们也可以不一行一行分开写的，可以全部打乱，但只要各标记不变，那么执行效果就不会变，比如，下面两种代码的执行效果是一样的...另外，我再稍稍的提一下div>标记，这个标记没有大，但比大，也就是它必须被包含在内，但它可以包含，就是处在这么一个不上不下的位置吧，反正我自己感觉是用着挺方便的。...，但可以看出来，页面显示的内容是按照表格的布局来显示的，下面我来给table标记加上一个属性，即border属性，这个属性指定表格的边框粗细。　　...“那做一下测试题吧”，我说“我很喜欢做题，即使做不出来，也会知道自己有哪些欠缺”，考官说道：“是的，在我们这里面试的人，有一些从简历上看是很历害，一考试，什么也不会！”

3.7K1 0

前端之HTML和CSS

html概述及html文档基本结构 html概述　　HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言...文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“”内编写网页上显示的内容。　　...，注释是对代码的说明和解释，注释的内容不会显示在页面上，html代码中插入注释的方法是： <!...设置元素背景色为金色 border 设置元素四周的边框，如：border:1px solid black; 设置元素四周边框是1像素宽的黑色实线以上也可以拆分成四个边的写法，分别设置四个边的...solid pink; padding 设置元素包含的内容和元素边框的距离，也叫内边距，如padding:20px;padding是同时设置4个边的，也可以像border一样拆分成分别设置四个边

5.4K3 0

HTML和CSS常见问题整理

（CSS2.1 新增的值） none 此元素不会被显示。 list-item 此元素会作为列表显示。...如何画一个三角形左右边框设置为透明，长度为底部边框的一半。左右边框长度必须设置，不设置则只有底部一条边框，是不能展示的。...反之也如此, 文字环绕效果，设置float 4.BFC的区域不会与float box重叠。...5.计算BFC的高度，浮动元素也参与计算 BFC作用： 1.自适应两栏布局 2.可以阻止元素被浮动元素覆盖 3.可以包含浮动元素---清除内部浮动原理：触发父div的BFC属性...，视窗宽度是100vw 这里是视窗指的是浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

2K3 0

Web前端开发CSS笔记

div div> CSS引用:头部引用直接在HTML头部使用style类型声明,以下是对div标签进行修改的代码....class="lyshark">这是DIV标签 div class="lyshark">子标签也会变div> div class="lyshark">子标签也会变div>...,默认有以下4种属性： -> block 在元素的前和后都会有换行 -> inline 在元素的前和后都不会有换行 -> list-item 与block相同,但增加了目录列表项标记 ->...指定上边框样式列表属性: 列表属性用于设置列表项标记的类型,列表项图片和位置,以提供灵活列表显示. list-style-type:none 无标记 -> disc...------------------------------- > list-style-position:inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐 -> outside

2.9K2 0

CSS

: 20px; #边框高宽 } div>div> html> 6、列表属性的内容，显示文本和图像。的元素也会重新排列。...元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。...静态定位的元素不会受到 top, bottom, left, right影响。 fixed 定位元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动： ?

1.8K6 0

CSS学习

可以使用类选择器词列表方法为一个元素同时设置多个样式，但id选择器不可以。子选择器加入大于符号（>）用于选择指定标签元素的第一代元素。...块级元素也可以通过代码display：inline将元素设置为内联元素 div{display:inline;} 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部的边距不可设置...盒模型–填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也分为上右下左（顺时针）。...实际上块状元素都会以行的形式占据位置。 2、在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。...由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终定位于浏览器窗口内视图的某个位置，不会受文档流动影响

1.7K4 0

面试题必备-web页面基础

网页头部header html5新增语义化标签，定义网页的头部主要用于布局，分割页面的结构底部信息footer html5新增语义化标签，定义网页的底部主要用于布局，分割页面的结构导航nav html5...网页由上到下，由内到外 div,header,footer,nav,article,aside等标签多用于模块划分 css全称为层叠样式表，它主要用于定义HTML内容在浏览器内的显示样式，如文字的大小，...溢出隐藏overflow 设置当对象的内容超过其指定高度以及宽度时如何显示内容 visible默认值，内容不会被修剪，会呈现在元素框之外 hidden 内容会被修剪，并且其余内容是不可见的 scroll...内容会被修剪，但是浏览器会显示滚动条以便查看其余内容 auto 如果内容被修剪，则浏览器会显示滚动条以便查看边框颜色： outline input文本框入框自带边框，我们可以通过outline修改边框...也感谢您的关注，在未来的日子里，希望能够一直默默的支持我，我也会努力写出更多优秀的作品。我们一起成长，从零基础学编程，将 Web前端领域、数据结构与算法、网络原理等通俗易懂的呈现给小伙伴。

3.6K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭