标题标签 <h1> <h2>
段落标签<p>
通用块容器标签 <div>
超链接<a>
图片 <img>
换行<br>
<
: <
>
:>
空格 :
HTML注释<!-- 注释 -->
内联式
嵌入式
外链式 <link rel="stylesheet" type="text/css" href="css/main.css">
标签选择器
div{color: #1111;...
}
类选择器
.box{color: bule;.....
}
层级选择器,类和标签可以嵌套选择
border:1px solid black;
设置元素四周边框是1像素宽的黑色实线以上也可以拆分成四个边的写法,分别设置四个边的:
border-top,
border-left,
border-right,
border-bottom
padding 设置元素包含的内容和元素边框的距离,也叫内边距,如padding:20px;
padding是同时设置4个边的,也可以像border一样拆分成分别设置四个边:
padding-top、padding-left、padding-right、padding-bottom。
margin 设置元素和外界的距离,也叫外边距,如margin:20px;
margin是同时设置4个边的,也可以像border一样拆分成分别设置四个边:
margin-top、margin-left、margin-right、margin-bottom。
float 设置元素浮动,浮动可以让元素排列在一起,
浮动分为左浮动:float:left;
(常用)
右浮动:float:right;
line-height
设置文字的行高,设置行高等于外框高度时文字自动上下居中
text-align
设置文字水平对齐方式,如text-align:center
设置文字水平居中
border:1px solid black;
设置元素四周边框是1像素宽的黑色实线以上也可以拆分成四个边的写法,分别设置四个边的:
border-top 设置顶边边框,如:border-top:10px solid red;border-left 设置左边边框,如:border-left:10px solid blue;
border-right 设置右边边框,如:border-right:10px solid green;
border-bottom 设置底边边框,如:border-bottom:10px solid pink;
padding
也可以像border一样拆分成分别设置四个边:padding-top、padding-left、padding-right、padding-bottom。margin
也可以像border一样拆分成分别设置四个边:margin-top、margin-left、margin-right、margin-bottom。版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态