行内元素和块元素 块元素 ​ 无论内容多少,该元素独占一行 ​ (p.h1-h6) 行内元素 ​ 内容撑开宽度,左右都是行内元素的可以排在一行 ​ (a.strong.em...) 列表 什么是列表 ​ 列表就是信息资源的一种展示形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷的获得相应的信息 列表的分类 无序列表 有序列表 定义列表 <!DOCTYPE html> <html lang="en"> <head> <…
行内元素:span  ,a,  ,strong , em,  del,  ins.特点:在一行上显示:不能直接设置宽高:元素的宽和高就是内容撑开的宽高. 块元素:div,h1-h6,p,ul,li.特点:独占一行:可以设置宽高:注释:嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致. 行内块元素(内联元素):input  img.特点:在一行上显示,也可设置其宽高. <!DOCTYPE html> <html> <head> <meta cha…
HTML + CSS +JavaScript 结构+表现+交互 HTML:结构 CSS:表现 JavaScript:交互 1什么是CSS 如何学习 ​ 1.CSS是什么 ​ 2.CSS怎么用(快速入门) ​ 3.CSS选择器(重点+难点) ​ 4.美化网页(文字.阴影.超链接.列表渐变...) ​ 5.盒子模型 ​ 6.浮动 ​ 7.定位 ​ 8.网页动画(特效)https://www.runoob.com/(学习网站) 1.1什么是CSS Cascading Style Sheet 层叠级联样…
行内元素:img    span    input  a  b  br  lable   ; 块元素:dl  dt  dd  div  form  table  li  ol  ul  li  h1-h6 hr; 空元素:没有内容的元素  br hr input;…
行内元素: 水平居中:text-align:center ul水平居中:加 display:table; margin:0 auto; 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符. 垂直居中:line-height:父元素的height 块元素: 水平居中: ①margin:0 auto 例: .father{ width:200px; height:200px; background-color:red; } .son{ width:100px; height:1…
//布局 inline: 如果水平宽度足够大,那么将在一行显示 inline-block: 如果水平宽度足够大,那么将在一行显示 block: 独占一行 //css属性 inline: 无法设置高度,行类元素的高度取决于line-height: margin 上下无效,左右有效 inline-block: 可以设置高度, margin 所有方位有效 block: 可以设置高度, margin 所有方位有效…
转载 address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input promptmenu - 菜单列表noframes - frames可选内容,(对于不支持fram…
问题描述: ie6下,空标签块元素height定义失效,表现为除设置的height值外还会显示N像素额外的高度. 实际运用中,若标签为空且定义了小于14px的高度,再加入一背景图的话,会发现该元素高度同其它浏览器不同,即定义的高度始终会显示成height:14px . 问题代码如下: .demo{width:200px;height:6px; background:#f00 url(images/demo.jpg) no-repeat center bottom;} <div class="…
4.4圆角边框 圆角边框:  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> ​ <!--     边框border:左上 右上 右下 左下:顺时针方向 ​     圆圈:圆角=半径 + 边框 ​ ​     -->     <style>…
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(style属性) >id选择样式(#获取) > 属性选择 ([title="da"]) > 标签选择 div p > 通配符* 2. 同一等级优先级具有叠加性.div p的优先级大于p.相同优先级,越晚设置的样式优先级越大 3. 绝大部分样式会从父元素继承到子元素上,继承…