2018 年 1月 17 日随笔档案 - 马三荷

文本效果

摘要： CSS文本属性及其说明深入text-index 在搜索引擎中，h1是非常重要的标签，我们通常把网站中的logo放入h1当中，但由于搜索引擎不能识别图片，只能识别文字，所以为了帮助SEO优化我们有一个解决方法：把h1的宽、高设置为logo的宽高，在把文字用用text-index:-9999px来隐阅读全文

posted @ 2018-01-17 21:26 马三荷阅读(501) 评论(0) 推荐(0)

display属性

摘要：在css中如果我们想把块级元素转换成内联元素怎么办，通常我们都用css属性中的display来解决； inline-block 这个属性的特点是他结合了块元素的特点和行内元素的特点 display:none display:none我们经常和JavaScript用来动态隐藏元素，经常隐藏的元素比如二阅读全文

posted @ 2018-01-17 19:40 马三荷阅读(254) 评论(0) 推荐(0)

overflow属性

摘要：通常一个盒子的内容是被限制在一个边框里面的，有时内容会不受限制部分或全部会溢出盒子外，我们通常使用css的overflow属性来定义处理这种事情的发生。阅读全文

posted @ 2018-01-17 17:34 马三荷阅读(183) 评论(0) 推荐(0)

html、xhtml、html5的区别

摘要： 1、HTML:HyperText Mark-up Language(超文本标记语言)构成网页的主要语言常指：HTML 4.012、XHTLM:EXtensible HyperText Mark-up Language (扩展的超文本标记语言) 是指更加严谨的html 4.01二者的区别就是HTML 阅读全文

posted @ 2018-01-17 17:23 马三荷阅读(931) 评论(0) 推荐(0)

块级元素和行内（内联）元素的区别

摘要：块级元素的特点：1、“比较霸道”，一个人要独占一行2、“比较好说话”，高度、行高、外边距、内边距都可以控制3、宽度默认是容器的100%；4、可以容纳块级元素和内联元素行内元素的特征1、可以和相邻行内元素并排在一行；2、“不好说话” 宽度和高度对它无效，水平方向的margin和padding对它有用，阅读全文

posted @ 2018-01-17 17:22 马三荷阅读(301) 评论(0) 推荐(0)

深入margin

摘要： 1、外边距叠加外边距叠加是指两个垂直外边距相遇时，这两个外边距会合并成一个外边距，就是二变一，关键是叠加后的外边距会取值两个外边距最大的那个；例子如下：创建A、B两个盒子，A定义一个margin-bottom:30px;B定义一个margin-top:20px 结果发现他们之间的外边距明显小于阅读全文

posted @ 2018-01-17 12:58 马三荷阅读(194) 评论(0) 推荐(0)

马三荷