wordpress中文站,微网站用什么做的,建设网站能自学吗,如何做网站效果图块元素的特点 1.支持所有样式 2.块级元素 独占一行 3.块级元素默认宽度和父元素一样 常用块元素块级元素 一般 div p ol ul h1-h6 li dl dt dd 等都是 初始化(样式重置) 1.实际开发中#xff0c;我们会把这些默认的样式在样式定义开头清除掉#xff0c;清除掉这些默认样式我们会把这些默认的样式在样式定义开头清除掉清除掉这些默认样式方便我们写自己的定义的样式这种做法叫样式重置。 body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{     margin:0px;     padding:0px; } /* 清除标签默认条目符号*/ ul,ol{     list-style:none; } /* 将h标签的文字大小设置为默认大小*/ h1,h2,h3,h4,h5,h6{     font-size:100%;     /* 根据实际需求来加   */     font-weight:normal; } 行内元素的特点 内联元素也可以称为行内元素布局中常用的标签如a、span等等都是内联元素它们在布局中的行为 1.不支持宽、高、margin上下、padding上下(支持的有问题) 2.宽高由内容决定 3.盒子并在一行遇到边界自动换行 解决行内元素的间距 1.去掉内联元素之间的换行代码不换行 2.将内联元素的父级设置font-size为0内联元素自身再设置font-size 3.浮动 其他行内元素label、input、a、img em 标签行内元素表示语气中的强调词 i 标签行内元素表示专业词汇 b 标签行内元素表示文档中的关键字或者产品名 strong标签 行内元素表示非常重要的内容 行内块元素(内联块元素) 内联块元素也叫行内块元素是新增的元素类型现有元素没有归于此类别的img和input元素的行为类似这种元素但是也归类于内联元素我们可以用display属性将块元素或者内联元素转化成这种元素。它们在布局中表现的行为 1、支持全部样式 2、如果没有设置宽高宽高由内容决定 3、盒子并在一行 4、代码换行盒子会产生间距 5、子元素是内联块元素父元素可以用text-align属性设置子元素水平对齐方式。这三种元素可以通过display属性来相互转化 display属性将块元素和行内元素转化成行内块元素 display属性是用来设置元素的类型及隐藏的常用的属性有 1、none 元素隐藏且不占位置 2、block 元素以块元素显示 3、inline 元素以内联元素显示 4、inline-block 元素以内联块元素显示 列别 特点 常用元素   块元素 1.霸占一行, 2.支持所有样式, 3.默认的宽度为父级宽度100% Div,li,h1-h6,ol,ul,dl,p   行内元素 1.不支持宽高,margin上下,padding上下; 2.盒子宽高内容决定 3.元素并在一行 4.代码换行, 元素之间有间距 a,span 最常用   行内块元素 身兼块元素和行内元素的优势 通过display: 转换元素: 1、none 元素隐藏且不占位置 2、block 元素以块元素显示 3、inline 元素以内联元素显示 4、inline-block 元素以内联块元素显示