05 2019 档案

11.定位样式
摘要：前面学习了浮动样式,今天我们来学习一下定位样式, 01. 定位样式的效果: 定位样式设置以后,元素也会脱离标准文档流,上浮,其它元素按标准文档流的规则进行布局; ** 应用定位样式的元素,在上浮后,默认停靠在Content区域; (注意一下,元素在定位样式生效后,并未生成文字环绕效果,这一点与浮动样 阅读全文
posted @ 2019-05-24 19:28 耗喜天涯 阅读(193) 评论(0) 推荐(0)
10.浮动样式
摘要：今天我们来学习一下在网页布局中,应用非常广泛的一个内容: 浮动样式 --> 浮动样式的来由: * 浮动样式, 最初是为了在做图文布局时,达到文字的环绕效果;后来逐渐扩展到块级元素的横向布局中; --> 浮动样式的特性: 1. 浮动样式元素,会向上浮动,进而脱离标准流, 在浮动元素之后的元素,会忽略掉 阅读全文
posted @ 2019-05-18 15:57 耗喜天涯 阅读(279) 评论(0) 推荐(0)
09.圆角样式及渐变色样式
摘要：通过前面内容的学习,我们清楚,块级元素展示时,默认为矩形, 但这种方方正正的样式,有时候不满足我们在WEB页面上的布局需求, 所以今天来讲一下圆角样式 所谓的圆角样式: (border-radius) 是W3C制定出来, 使默认显示为矩形的块元素展示一个弧形边缘的样式; 圆角样式有如下几个特性: - 阅读全文
posted @ 2019-05-16 18:38 耗喜天涯 阅读(287) 评论(0) 推荐(0)
08.背景样式
摘要：背景样式: 是W3C规定一个浏览器如何渲染一个元素的背景层, 在背景层上,我们可以增加颜色,图片等效果; 为方便理解下面的内容,我们先来了解下,背景层级关系 --> 背景颜色层: 用于统一设置背景的颜色 : background-color: 颜色值 颜色值,可以用不同的方式进行表示 a. rgb方 阅读全文
posted @ 2019-05-14 18:03 耗喜天涯 阅读(323) 评论(0) 推荐(0)
07.行内盒模型
摘要：在前面的文章中,我们讲到了盒模型,今天再来讲一下行内盒模型 行内盒模型( inline box model): 是W3C规定一个浏览器如何渲染、显示、排版文字的一整套规则； 要有效的理解行内盒模型， 可结合下图进行理解 font-size: 直接决定内容区的大小, 不受元素height 的影响; - 阅读全文
posted @ 2019-05-13 19:41 耗喜天涯 阅读(271) 评论(0) 推荐(0)
06.盒模型.外边距折叠问题
摘要：讲到了盒模型,就不得不讲一下外边距折叠(也叫叠加)问题了 (Collapsing margins ), 这个情况在盒模型的应用中,需要特别注意 那么先来了解下, 什么是外边距折叠: (W3C中的定义: https://www.w3.org/TR/CSS2/box.html#collapsing-ma 阅读全文
posted @ 2019-05-11 15:09 耗喜天涯 阅读(271) 评论(0) 推荐(0)
05.CSS盒模型
摘要：在前面的文章中,我们讲到过,网页的内容是由多个标签来完成布局的,要完成网页的有效布局,并达到预期的效果,我们需要了解一下CSS中的盒模型; A. 先来了解下,盒模型是个什么玩意; 盒模型: (Box Model) : 是W3C规定一个浏览器如何渲染,显示一个元素, 根据元素的种类,可以将盒模型分为块 阅读全文
posted @ 2019-05-08 20:20 耗喜天涯 阅读(179) 评论(0) 推荐(0)
04.CSS基础知识
摘要：在前面的文章中介绍了网页中的相关标签内容, 但那此标签只是简单的实现了对内容的呈现,那如何才能让那些网页内容按特定的位置及尺寸展示呢, 这就涉及到今天要聊的CSS了, CSS: Cascading Style Sheets , 叫做层叠样式表; 是一种用来为HTML文档添加样式( 字体,间距, 位置 阅读全文
posted @ 2019-05-07 19:20 耗喜天涯 阅读(138) 评论(0) 推荐(0)
03.TML基本标签_C
摘要：HTML学习,零基础,基本标签 阅读全文
posted @ 2019-05-06 20:00 耗喜天涯 阅读(242) 评论(0) 推荐(0)
02.HTML基本标签_B
摘要：HTML学习,零基础,布局标签 阅读全文
posted @ 2019-05-06 17:37 耗喜天涯 阅读(164) 评论(0) 推荐(0)
01.HTML基本标签_A
摘要：HTML学习 HTML基本标签 阅读全文
posted @ 2019-05-06 16:52 耗喜天涯 阅读(173) 评论(0) 推荐(0)