叮当2000 - 博客园

2021年12月15日

摘要： 7.7clear：清除浮动元素的影响 1）clear作用：清除浮动元素对当前元素产生的影响如果不希望某个元素因为其它元素浮动的影响而改变位置，可以使用clear属性来清除影响。 clear清除box1浮动对box3的影响。 2）clear的可选值：（1）left：清除左侧浮动元素对当前元素产生的阅读全文

posted @ 2021-12-15 09:33 叮当2000 阅读(43) 评论(0) 推荐(0)

CSS3学习笔记（九、浮动：float用于宏观布局-续一）

摘要： 7.4页面简单布局 1）实现纵向排列布局 2）main模块中增加3个水平排列的模块 7.5高度塌陷父元素的高度默认是被子元素撑开的。当子元素浮动后，完全脱离文档流。子元素从文档流中脱离将无法撑起父元素的高度，导致父元素高度丢失。父元素高度丢失后，其下的元素会自动上移，导致页面布局混乱。浮动前阅读全文

posted @ 2021-12-15 09:17 叮当2000 阅读(42) 评论(0) 推荐(0)

CSS3学习笔记（八、浮动：float用于宏观布局）

摘要： 7浮动：float用于宏观布局 7.1浮动简介浮动可以使一个元素向其父元素的左侧或右侧移动。 1）使用float属性设置元素的浮动，可选值： none：默认值，元素不浮动 left：元素向左浮动 right：元素向右浮动 2）注意：（1）元素设置浮动以后，水平布局等式（7个值之和=行宽）不需要强阅读全文

posted @ 2021-12-15 08:58 叮当2000 阅读(192) 评论(0) 推荐(0)

2021年12月14日

CSS3学习笔记（七、布局 layout-续二）

摘要： 6.3浏览器的默认样式 6.36.3.1浏览器的默认样式介绍 1）通常情况下，浏览器会为元素设置一些默认样式。 2）我们在浏览器的开发模式下，可以查看元素的默认样式：（1）body的默认样式（2）div元素没有默认样式（3）p标签的默认样式（4）ul标签的默认样式 6.3.2除浏览器的默认样阅读全文

posted @ 2021-12-14 15:07 叮当2000 阅读(43) 评论(0) 推荐(0)

CSS3学习笔记（六、布局 layout-续一）

摘要： 6.2.7外边距的折叠相邻的垂直方向外边距会发生重叠现象。 1）兄弟元素间的相邻垂直外边距，取两者之间的较大值（两个外边距都是正的）。兄弟元素的外边距对开发有利，不需要处理。特殊情况：（1）相邻外边距一正一负，间距值取两者之和。（2）相邻外边距都是负值，间距值取绝对值大的。 2）父子元素间阅读全文

posted @ 2021-12-14 14:51 叮当2000 阅读(138) 评论(0) 推荐(0)

CSS3学习笔记（五、布局 layout）

摘要： 6 布局（layout） 6.1文档流（normal flow） 1）概念网页是一个多层结构，一层压着一层。通过CSS可以为每一层来设置样式。用户只能看到最顶上一层。这些层中，最底下的一层称为文档流。文档流是网页的基础。我们所创建的元素默认都是在文档流中进行排列。 2）元素主要有两个状态：（1 阅读全文

posted @ 2021-12-14 14:33 叮当2000 阅读(428) 评论(0) 推荐(0)

CSS3学习笔记（四、CSS样式）

摘要： CSS样式 5.1样式的继承我们为一个元素设置的样式，也会应用到它的后代元素上。继承发生在祖先和后代之间。继承的设计是为了方便开发。并不是所有的样式都会被继承：背景相关的样式、布局相关的样式等不会被继承。如果可以继承背景，当祖先标签的背景是图片时，后代的背景下也是完整的图片。页面中会显示多阅读全文

posted @ 2021-12-14 14:00 叮当2000 阅读(102) 评论(0) 推荐(0)

2021年4月9日

CSS3学习笔记（三、选择器-续）

摘要： 4.5 伪类选择器 child（4个）、type（4个）、not、empty 伪类：不存在的类，特殊的类。用来描述一个元素的特殊状态。比如：第一个子元素，被点击的元素，鼠标移入的元素等待。伪类一般情况下都是使用“:”开头。 1）child （1）:first-child选中第一个子元素，且子元素是阅读全文

posted @ 2021-04-09 14:36 叮当2000 阅读(192) 评论(0) 推荐(0)

CSS3学习笔记（二、选择器）

摘要： 4、CSS选择器（如何找到对应的标签）需要在head标签的style标签内设定选择器。 style：定义内部样式表与网页的关系 4.1 基本选择器：标签名、#、.、* 1）元素选择器：标签名 div {color: "red";} div是元素标签，所有指定标签都被选中。 2）ID选择器：# “# 阅读全文

posted @ 2021-04-09 14:26 叮当2000 阅读(136) 评论(0) 推荐(0)

CSS3学习笔记（一、CSS介绍、语法、引入方式）

摘要： 1、CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。网页实际上是一个多层的结构，通过CSS可以分别为网页的每一层来设置样式。而最终我们能看到的只是网页的最上面一层。总之，CSS就是用来设置网页中元素的样式。阅读全文

posted @ 2021-04-09 14:07 叮当2000 阅读(259) 评论(0) 推荐(0)