随笔分类 -  CSS

摘要:#宽高自适应 ##宽自适应 若块级元素宽度不设置,或者设置成100%,都是占据其父级元素的一整行 适用情况 页面最外层的盒子一般都要占据屏幕的大小,所以宽度100%。 子元素在宽度的设置为百分比,那么会按父级宽度计算 ##高自适应 父级元素的高度由子元素撑开 若子元素为浮动时,子元素不会撑开父元素的 阅读全文
posted @ 2020-09-14 13:51 Mr_Ethic 阅读(183) 评论(0) 推荐(0)
摘要:盒子模型:可以用来对元素进行布局,包括内边距(padding),边框(border),外边距(margin),和实际内容(content)这几个部分。 盒子模型分为两种 第一种是W3c标准的盒子模型(标准盒模型) content-box 、第二种IE标准的盒子模型(怪异盒模型) border-box 阅读全文
posted @ 2020-09-01 17:23 Mr_Ethic 阅读(114) 评论(0) 推荐(0)
摘要:引用他人的文章: CSS核心属性 学习目标 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css背景属性 5、css边框属性 6、css浮动属性 一、css属性和属性值的定义 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值 阅读全文
posted @ 2020-09-01 17:09 Mr_Ethic 阅读(143) 评论(0) 推荐(0)
摘要:学习前端的第一阶段 本文重点 CSS的继承、CSS的层叠 CSS的继承 先是模板代码 <div class="main"> <p>h1</p> <p>h2</p> <p>h3</p> </div> 相应的样式是 .main { color: red; } 我们会看到,在div.main之后的p标签内 阅读全文
posted @ 2020-09-01 16:59 Mr_Ethic 阅读(217) 评论(0) 推荐(0)