黑马程序员技术交流社区
标题: 总结下基础班学到的一些知识 [打印本页]
作者: baci 时间: 2019-7-24 22:11
标题: 总结下基础班学到的一些知识
web标准的组成部分结构标准（HTML）
表现标准（CSS样式）
行为标准（javascript）
方向英文left和right只控制水平方向或者左右移动
方向英文top和bottom只控制垂直方向或者上下移动；
内边距：padding 拉开内容到盒子边缘的距离；
外边距： margin 拉开盒子与盒子之间的距离；
边框：border边框的宽度：border-width:3px;
边框的样式：border-style:solid;
取值：solid实线 dashed虚线 dotted点线
边框的颜色： border-color:red;
text-align: center; 是让父级盒子里面的文本、行内元素（span/a/em）、行内块元素(img/input)水平居中显示;
margin:auto; 只让块元素水平居中显示;
left，right，center，top，bottom
方向英文left和right只控制水平方向或者左右移动
方向英文top和bottom只控制垂直方向或者上下移动；
文字的粗细设置font-weight加粗：font-weight:bold; font-weight:700;
不加粗：font-weight:normal; font-weight:400;
文字居中设置text-aligntext-align有三个取值left、center、right, text-align只控制盒子里面的内容的对齐；
文本居中：text-align:center;
文本的行高设置line-heightline-height取值为数字，可以设置文字行与行之间的距离；
line-height:30px; 表示行高30px
文本的首行缩进 text-indent text-indent首航缩进，取值为具体的像素值或者直接em，1em等于一个字的大小；
将元素转化为块级元素：display:block;
将元素转化为行内元素：display:inline;
将元素转化为行内块元素：display:inline-block;
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |