随笔分类 -  CSS

摘要:http://www.divcss5.com/jiqiao/j369.shtml 阅读全文
posted @ 2021-09-29 10:32 Bonnie_ξ 阅读(11) 评论(0) 推荐(0) 编辑
摘要:// 功能介绍弹出提示 $('#wxDesc').hover(function(){ openMSG() }, function(){ layer.close(subtips) }) function openMSG(){ var content = document.getElementById( 阅读全文
posted @ 2021-09-27 09:54 Bonnie_ξ 阅读(77) 评论(0) 推荐(0) 编辑
摘要:基本概念 行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什么关系呢,line-height与所属元素的height又有什么联系呢?。好了,带着疑问,我们一同探究。行高是指文本行基线间的垂直距离。 阅读全文
posted @ 2021-09-26 19:32 Bonnie_ξ 阅读(103) 评论(0) 推荐(0) 编辑
摘要:display 的一种常见用法:inline-block 用于水平而不是垂直地显示列表项。下例创建了一个水平导航链接: 阅读全文
posted @ 2021-09-26 17:19 Bonnie_ξ 阅读(97) 评论(0) 推荐(0) 编辑
摘要:一、水平居中方法 1.行内元素、字体的水平居中 1.对于行内元素(display值为inline或inline-block都可以)或者字体:父元素添加css规则:text-align:center; <style> p { /*关键*/ text-align: center; } ul { /*关键 阅读全文
posted @ 2021-05-08 09:11 Bonnie_ξ 阅读(110) 评论(0) 推荐(0) 编辑
摘要:1.解释一下display的几个常用的属性值,inline , block, inline-block inline(行内元素): 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用paddin 阅读全文
posted @ 2021-05-08 08:49 Bonnie_ξ 阅读(898) 评论(0) 推荐(0) 编辑
摘要:position属性 在前端中,position是很常见的属性。通过这个属性可以调整dom元素在浏览器中显示的位置。 它有几个常用的属性: static 默认值。通常是在覆盖absolute或者relative样式时使用。 relative 相对定位。相对于原本自己的位置,其他的元素样式不会发生改变 阅读全文
posted @ 2021-05-07 19:32 Bonnie_ξ 阅读(219) 评论(0) 推荐(0) 编辑
摘要:一、float 1.什么是浮动:在我们布局的时用到的一种技术,能够方便我们进行布局,通过让元素浮动,我们可以使元素在水平上左右移动,再通过margin属性调整位置 2.浮动的原理:使当前元素脱离普通流,相当于浮动起来一样,浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘 3.浮动 阅读全文
posted @ 2021-05-07 19:09 Bonnie_ξ 阅读(529) 评论(0) 推荐(0) 编辑
摘要:一、什么是文档流? 将窗体自上而下分成一行一行,并在每行中按从左至右依次排放元素,称为文档流,也称为普通流。 这个应该不难理解,HTML中全部元素都是盒模型,盒模型占用一定的空间,依次排放在HTML中,形成了文档流。 二、什么是脱离文档流? 元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动 阅读全文
posted @ 2021-05-07 16:45 Bonnie_ξ 阅读(413) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示