发表于: 2018-07-16 21:30:00

1 679


今天完成的事情:学习了css格式化排版,设置字体 body{font-family:"微软雅黑";},设置字号颜色用这种代码body{font-size:12px;color:#orange}对斜体粗体的代码有所认识,设置字母间距用h1{letter-spacing:20px;},设置单词之间的间距用h1{    word-spacing:50px; }

段落排版--对齐        text-align:center;居中 text-align:left;靠左 text-align:right;靠右。

                常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>常用的内联块状元素有:<img>、<input>每个块级元素都是从新的一行开始,并且后面的元素也另起一行这就是块级元素的特点。元素的高度、宽度、行高以及顶和底边距都可设置。

               知道了元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码div{padding:20px 10px 15px 30px;}填充的代码简写遵循的顺序是顺时针(上top、右right、下bottom、左left)

              明白了代码可简写“div{border:2px solid red;}”1、border-style(边框样式)常见样式有:dashed(虚线)| dotted(点线)| solid(实线)。2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如:border-color:#888;//前面的井号不要忘掉。第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。

              大概了解参照定位的元素必须是相对定位元素的前辈元素2、参照定位的元素必须加入position:relative;3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位。

             想改变颜色就要用到字体颜色(color)、背景颜色(background-color)、边框颜色(border)等。

水平垂直居中

              1、块级元素包含inline文本,使文本水平垂直居中水平:块级父类 text-align:center;垂直:块级父类 line-height设置为块级高度height相同大小。2、块级元素包含图片,使图片水平垂直居中水平:块级父类 text-align:center;垂直:图片设置 vertical-align:middle;

          把慕课网的html+css基础课程看完了。

明天要做的事情:做任务1

遇到的问题:不会使用webstrom,师姐师兄帮忙以及百度。

收获:了解了如何使用css进行网页布局。


返回列表 返回列表
评论

    分享到