A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

baci

初级黑马

  • 黑马币:32

  • 帖子:10

  • 精华:0

© baci 初级黑马   /  2019-7-24 22:11  /  1070 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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-align
text-align有三个取值left、center、right, text-align只控制盒子里面的内容的对齐
文本居中:text-align:center;
文本的行高设置line-height
line-height取值为数字,可以设置文字行与行之间的距离;
line-height:30px;   表示行高30px
文本的首行缩进 text-indent
text-indent首航缩进,取值为具体的像素值或者直接em,1em等于一个字的大小;
将元素转化为块级元素:display:block;
将元素转化为行内元素:display:inline;
将元素转化为行内块元素:display:inline-block;

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马