【块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开】的更多相关文章

块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>无标题文档</title> <style> body *{height:30px;border:1px solid #000} ol,ul,dl{height:auto;} </style> </head> <body> <header>…

列表 ul ol dl 和 块级标签和行及标签之间的转换

1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签  <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆) disc(实心圆)square(正方形)none(空) 2.  有序列表 ol 有序列表 内部必须有子标签<li> 天生自带内外边距 Ol和ul不同之处就在前面符号的区别. 用标签属性type修改 3.   自定义列表 Dl 自定义列表 dt 是小标题  dd内容 4.有的标签设置背景时会独占…

块和内嵌div和span

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> body{ font-family:"宋体"; font-size:20px;} div,span{width:100px;height:100px;background:red;border:2px solid #000…

web - 块元素和内嵌元素的特征

块: 1.独占一行 2.支持所有的样式 3.不设置宽度的时候,宽度撑满整行 常用的快标签有: div,section,header,nav,footer,article,aside,ul,ol,li,dl,dt,dd,h1~h6,p, 内嵌: 1.多个内嵌元素可以在一行显示 2.不支持宽高,对上下的margin 3.宽度由内容撑开 4.代码换行会被解析 常用内嵌标签有 : span,strong, a , em inline-block : 1.多个设置为inline-block的块元素可以在一…

HTML中的【块】与【内嵌】

块元素与内嵌元素 块的特征 默认独占一行 没有宽度时默认撑满一行 支持所有的css命令 内嵌的特征 同行可以连续跟同类的标签 内容撑开宽度 不支持宽高 不支持上下的内外边距 代码换行被解析 块与内嵌的转换 display:block  显示为块 使内联元素具备快属性标签的特性 display:inline  显示为内嵌 使行块属性标签具备内联元素的特性 display :inline-block inline-block 的特点和问题 特性: 块在一行显示 行内属性支持宽高 没有宽度时内容撑开宽…

HTML+CSS教程（四）选择器（id选择器，类选择器，标签选择器，子代选择器，后代选择器，组选择器，伪类选择器）/css引入页面的形式（行内样式、内嵌样式、外联样式）

一.回顾内容 前端的三大组成(三大模块)    HTMl(超文本标记语言) 结构层    css(层叠样式表) 表现层:用来美化HTML结构    JS(Java script)(脚本语言) 行为层:提供用户和界面的交互 二.CSS(层叠样式表) 1. CSS的概念及其介绍CSS 指层叠样式表 (Cascading Style Sheets)作用:美化HTML结构,重点:css可以很好的将结构内容和表现进行分离.2. css的三种表现形式(引入方法)css的语法结构:选择器{属性:值;属性:值;…

[Tool] 透过PowerPoint Online在部落格文章里内嵌简报

[Tool] 透过PowerPoint Online在部落格文章里内嵌简报 前言 讲课的时候,用PowerPoint做简报,好像已经成了讲课的惯例.而在课后,将课堂简报整理成部落格的文章,如果单纯是在部落格中提供下载链结,则会造成要阅读人员必须开启两个窗口来分别浏览简报跟文章.这除了会造成部分阅读人员不大不小的困扰之外,也让没有安装Office的阅读人员少了观看简报的机会. 本篇文章介绍如何透过PowerPoint Online的功能,来在部落格文章中内嵌简报档案,让没有安装PowerPoint…

html内嵌框架

html内嵌框架 <iframe>标签会创建包含另外一个html文件的内联框架(即行内框架),src属性来定义另一个html文件的引用地址,frameborder属性定义边框,scrolling属性定义是否有滚动条,代码如下: <iframe src="http://www..." frameborder="0" scrolling="no"></iframe> 内嵌框架与a标签配合使用 a标签的target属…

原生js实现tab选项卡里内嵌图片滚动特效代码

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>原生js实现tab选项卡里内嵌图片滚动特效代码</title><meta name="keywords" content="原生js实现tab选项卡里内嵌图片滚动特效代码" /><meta name=&…

HTML元素分类 块级元素 内联元素 块级内联元素

概述 HTML中存在许多元素,如<h1>,<p>,<a>,<block>,<image>,这些元素可分为三类,依次是块级元素,内联元素,块级内联元素. 每种元素都有着各自的特点: 块级元素特点 每个块级元素都从新的一行开始,并且其后的元素也另起一行.(一个块级元素独占一行) 元素的高度(height),宽度(width),行高(line-height)以及顶和底边距(margin,padding)都可设置. 元素宽度在不设置的情况下,是它本身父容…