摘要: 元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1、边偏移 边偏移属性描述 top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom 底部偏移量,定义元素相对于其父元素下边线的距离 left 左侧偏移量,定义元素相对于其父元素左边线的距离 right 右侧偏移量,定义元素 阅读全文
posted @ 2020-08-09 23:45 星辰ꦿ.大海 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 浮动本质是用来做一些文字混排效果的,但是被我们拿来做布局用,则会有很多的问题出现, 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,为了解决这些问题,此时就需要在该元素中清除浮动。 准确地说,并不是清除浮动,而是清除浮动后造成的影响 清除浮动本质 清除浮动主要为了解决父级元素因 阅读全文
posted @ 2020-08-09 23:20 星辰ꦿ.大海 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px、1200 阅读全文
posted @ 2020-08-09 23:13 星辰ꦿ.大海 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 普通流(normal flow) 这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。 CSS的定位机制有3种:普通流(标准流)、浮动和定位。 html语言当中另外一个相当重要的概念 标准流!或者普通流。普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,比如块 阅读全文
posted @ 2020-08-09 23:08 星辰ꦿ.大海 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成 阅读全文
posted @ 2020-08-09 23:02 星辰ꦿ.大海 阅读(396) 评论(0) 推荐(0) 编辑
摘要: CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲 阅读全文
posted @ 2020-08-09 22:20 星辰ꦿ.大海 阅读(162) 评论(0) 推荐(0) 编辑
摘要: CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 background-color背景颜色 background-image 背景图片地址 background-repeat 是否平铺 background-position 背景位置 background-attachment 背景固定还是 阅读全文
posted @ 2020-08-09 21:48 星辰ꦿ.大海 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。 记忆技巧: 交集选择器 是 并且的意思。 即.. 阅读全文
posted @ 2020-08-09 21:33 星辰ꦿ.大海 阅读(279) 评论(0) 推荐(0) 编辑
摘要: HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下: 块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<o 阅读全文
posted @ 2020-08-09 21:15 星辰ꦿ.大海 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: <head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head> 语法中,styl 阅读全文
posted @ 2020-08-09 21:07 星辰ꦿ.大海 阅读(241) 评论(0) 推荐(0) 编辑