复习HTML+CSS随笔

原创 2016年08月31日 12:05:38

HTML内容多,学习过程更像是学习英语。很多内容学过很长时间后就会遗忘,重新复习起来,整理些精华给自己看。

这次复习我选择了慕课网。很多内容都是在慕课网上摘抄,给自己整理成笔记。

1.元素实际大小=border+padding+width/height

2.块级元素 <p><h1-h6><form><div><ul><ol><li>  独占一行 可设置宽高
  内联元素<span><em><strong><a><label>     可与其他元素占同一行  不能设置宽高
  内联块元素<img><input>              可与其他元素占同一行  可以设置宽高
3.绝对定位: absolute 相对于其最接近的一个具有定位属性的父包含块进行绝对定位,如果不存在这样的包含块,则相对于浏览器窗口
  相对定位: relative 相对于以前的位置进行移动(实际还在文档流中原有位置,别的元素无法占据。比如从一排一号移动到二排四号,一排一号这个位置别的元素无法占用)
  固定定位: fixed 相对于浏览器视图移动(position:fixed bottom:0 right:0 将元素固定在右下角 常见的网页广告就是这个位置)
  eg:#box1是#box2的父元素。若要实现#box2相对于#box1的定位,要设置父元素#box1 position:relative;设置#box2 position:absolute;即可。
4.字体代码缩写,至少要指定font-size和font-family属性。在缩写时 font-size 与 line-height 中间要加入“/”斜扛
5.水平居中总结:
    定宽度块状元素:设置margin-left,margin-right:auto。
    不定宽度块状元素:{
                1.display:table;margin:0 auto;
                2.display:inline;text-align:center;
                3.通过给父元素设置 float,然后给父元素设置 position:relative 和 left:50%,子元素设置 position:relative 和 left: -50% 来实现水平居中。
                }
6.垂直居中总结:
    父元素高度确定的单行文本:设置line-height=height。
    父元素高度确定的多行文本{
                1.将元素插入在<table>中,td标签默认设置vertical-align:middle。
                2.在 chrome、firefox 及 IE8 以上的浏览器下设置 display:table-cell;vertical-align:middle。

}



  不定时更新 

2016新年随笔

前言 题外话:【我爱王梦】 生活:        高考时的失利,让我在很大的一段时间内都走不出来,那段时间真的不知道自己在想什么?又到底在做着什么?说真的,那段时间我感觉到了真正的孤独,没...
  • wangmeng951011
  • wangmeng951011
  • 2016年02月11日 12:02
  • 414

HTML+CSS总结(终结HTML+CSS的学习和复习)

我们都是有经验的开发人员
  • ltqwby
  • ltqwby
  • 2014年08月27日 15:03
  • 541

博客园的 “随笔、文章、日记”有什么区别?

博客园的 “随笔、文章、日记”有什么区别?生成的url有区别“p/articles/diary”,并且日记不公开...
  • yunweifun
  • yunweifun
  • 2017年12月17日 09:25
  • 109

2017年结尾随笔

转眼间,2017年也到了尾声,回头看看上次发表博客的时间,已然是年初的事情了,别有一番滋味在心头,到底还是把博客这件事情给淡忘了,其实也是有一丝挫败之感.   刚开始工作以来,看过无数前辈的...
  • nbsp22
  • nbsp22
  • 2017年12月29日 21:21
  • 179

storm学习笔记

Storm集群组件:     集群角色:                     Nimbus:集群主节点,主要负责任务分配、响应客户端提交topology请求以及任务失败的调度。       ...
  • qq_26562641
  • qq_26562641
  • 2016年04月19日 11:14
  • 265

Oracle复习 随笔

1.模糊查询 like % 表示零或多个字符 _ 表示一个字符 对于特殊符号可使用ESCAPE 标识符来查找 select * from emp where ename like '%*_%'...
  • haozhiping
  • haozhiping
  • 2013年04月02日 16:17
  • 461

二级考试复习随笔

经过了辣么久的冬眠,本熊又回来了,新的学期,新的开始,不定期更新计算机二级考试复习随笔,希望能考的过去,不然怕是要翻水水了。。皮皮虾,我们走(警察叔叔,又捉到一个骑皮皮虾的) 堆:最大堆是一...
  • KUKI123321
  • KUKI123321
  • 2017年02月28日 21:36
  • 218

博客园首页新随笔联系管理订阅 随笔- 7 文章- 0 评论- 4 ElasticSearch 5.0.1 java API操作

博客园首页新随笔联系管理订阅 随笔- 7  文章- 0  评论- 4  ElasticSearch 5.0.1 java API操作   ...
  • gaoqiao1988
  • gaoqiao1988
  • 2016年12月25日 09:15
  • 590

java-继承(复习随笔)

一,继承继承:将多个类中的公共部分提取出来作为独立的一个类,而这个独立的类与多个类之间存在着一种关系,这种关系我们称之为继承关系.a.继承的特点: 1:java中只支持单继承不支持多继承,也就是...
  • weixin_39046924
  • weixin_39046924
  • 2017年10月26日 21:11
  • 67

博客园 闪存 首页 新随笔 联系 管理 订阅 订阅 随笔- 65 文章- 2 评论- 23 用C#.NET调用Java开发的WebS

博客园闪存首页新随笔联系管理订阅 随笔- 65 文章- 2 评论- 23  用C#.NET调用Java开发的WebService传递int,double问题,出现java无法获得值! 用...
  • a363722188
  • a363722188
  • 2015年03月17日 22:57
  • 666
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:复习HTML+CSS随笔
举报原因:
原因补充:

(最多只允许输入30个字)