![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
songyi160
这个作者很懒,什么都没留下…
展开
-
margin外边距合并问题以及解决方式
一、父子元素margin合并问题演示在div里面有子元素div1时,若父元素div在没有设置overflow:hidden或者是border属性,则父元素div的margin-top的值为父元素div和子元素div1中的margin-top的最大值。<!DOCTYPE html><html lang="en"><head> <met...原创 2019-02-23 14:02:02 · 10752 阅读 · 0 评论 -
BFC概念及其应用
一、BFC概念BFC就是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。二、触发 BFC只...原创 2019-02-23 15:20:12 · 1832 阅读 · 0 评论 -
CSS博客目录
CSS伪类选择器引入CSS样式表(书写位置)CSS标签的类型(显示模式)CSS复合选择器margin外边距合并问题以及解决方式BFC概念及其应用原创 2019-03-24 22:49:22 · 494 阅读 · 0 评论 -
CSS伪类选择器
一、链接伪类选择器 :link /* 未访问的链接 */ :visited /* 已访问的链接 */ :hover /* 鼠标移动到链接上 */ :active /* 选定的链接 */ 注意:写的时候他们的顺序尽量不要颠倒,按照 lvha 的顺序。<!DOCTYPE html><html lang="en"> <...原创 2019-03-24 23:15:44 · 5666 阅读 · 0 评论 -
引入CSS样式表(书写位置)
一、行内式(内联样式)是通过标签的style属性来设置元素的样式,其基本语法格式如下:<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>语法中style是标签的属性,实际上任何HTML标签都拥有style属性,用来设置行内式。其中属性和值的书写规范与CSS样式规则相同,行内式只对其所在的标签及嵌套在其中的...原创 2019-03-26 17:55:41 · 1166 阅读 · 0 评论 -
CSS标签的类型(显示模式)
一、标签的类型HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:二、块级元素(block-level)每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol&...原创 2019-04-01 21:57:58 · 706 阅读 · 0 评论 -
CSS复合选择器
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以更准确更精细的选择目标元素标签。一、交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。交集选择器是并且的意思,也是即...又...的意思。比如:p.one 选择的是:类名为 .one 的段落标签。注意:用的相对来说比...原创 2019-04-01 23:14:43 · 569 阅读 · 0 评论