2020年12月6日
摘要: 宽度 width: 作用:设置可以添加元素内容的区域的宽度。 属性值: 特殊应用: • 如果一个元素不添加width 属性,默认属性值为auto,不同的元素浏览器会根据其 特点自动计算出实际宽度,例如 <div>元素等独占一行的,其 width 属性的值会自 动撑满父元素的 width 区域,如果是 阅读全文
posted @ 2020-12-06 22:45 KakaLuke 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 盒模型又叫框模型,包含了五个用来描述盒子位置、尺寸的属性,分别是宽度 width、高度 height、内边距 padding、 边框 border、外边距 margin。 常见盒模型区域: • 盒模型的属性中,根据不同属性的效果,可以划分区域: • 书写元素内容区域:width+height • 盒 阅读全文
posted @ 2020-12-06 16:27 KakaLuke 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 文本类样式我们已经学习过颜色 color 属性,严格来说行高 line-height 也是文本类属性,由于其可以合写在 font 属性中个,暂时先归类到字体中学习,接下来还有几个常用的文本属性。 水平对齐 text-align: 作用:设置文本水平方向的对齐。 在盒子中,不论文本是单行还是多行,都会 阅读全文
posted @ 2020-12-06 16:12 KakaLuke 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 字体类样式我们已经学习过字号font-size、字体font-family两个属性,接下来还有几个常用的字体属性。 粗细 font-weight: 作用:设置文字是否加粗显示。 属性名:font-weight,属于 font 属性的一个单一属性。 属性值有两种方式:单词类型、数字类型。 单词类型: 阅读全文
posted @ 2020-12-06 14:13 KakaLuke 阅读(307) 评论(0) 推荐(0) 编辑
  2020年12月3日
摘要: CSS的概念中,除了前面提到的样式外,还有一个重要的概念就是层叠式,层叠式是贯穿整个css的一个性质,包含继承性和层叠性。 继承性: • 如果一个标签没有设置过一些样式,它的某个祖先级曾经设置过,在浏览器中该标签也加载了这些样式,这些样式都是从祖先级继承而来,这种现象就是继承性。 • 能够被继承的样 阅读全文
posted @ 2020-12-03 00:52 KakaLuke 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 在内嵌式和外部css中,要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素,这时需要用到CSS中的选择器。 选择器:选择要添加样式的 HTML 标签的一种方法、模式。 首先学习 css2.1 版本的七种选择器: 基础选择器:标签选择器、id 选择器、类选择器、通配符选择器。 高级选择器 阅读全文
posted @ 2020-12-03 00:46 KakaLuke 阅读(158) 评论(0) 推荐(0) 编辑
  2020年12月2日
摘要: 如果想在浏览器中具体看到一个盒子占有的实际位置,需要设置盒子可以实体化的三属性。 实体化属性: 阅读全文
posted @ 2020-12-02 23:07 KakaLuke 阅读(421) 评论(0) 推荐(0) 编辑
  2020年12月1日
摘要: 颜色 color: 作用:给文字设置颜色。 属性名 k :color 属性值 v :颜色名、颜色值。 颜色名: 颜色名就是使用颜色的英文单词进行表示。 需要记忆一些最常用的颜色名: 更多的颜色名可以通过查询手册得到: 颜色值: 颜色值指使用具体颜色的数值表示。 包括: rgb 模式和十六进制模式写法 阅读全文
posted @ 2020-12-01 00:23 KakaLuke 阅读(244) 评论(0) 推荐(0) 编辑
  2020年11月30日
摘要: 代码风格是实际开发中的书写方式,并非强制标准。 CSS 样式格式: 展开格式:开发过程使用,代码可读性强,便于调错。 紧凑格式:上传服务器时使用,减少不必要的空白字符,压缩文件大小,利于传输。 代码压缩可在搜索引擎上搜索“css压缩合并工具”。 英文大小写: CSS 中的英文可以使用大写,也可以使用 阅读全文
posted @ 2020-11-30 23:53 KakaLuke 阅读(86) 评论(0) 推荐(0) 编辑
摘要: CSS 规则: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 样式规则: 以内嵌式样式表为例: (1)所有的css代码都必须书写在<head>标签内部的一对<style>标签内。 (2) css 在给某个标签设置样式前,必须使用选择器先选中标签。 (3) css 样式的属性,属性名 阅读全文
posted @ 2020-11-30 23:43 KakaLuke 阅读(137) 评论(0) 推荐(0) 编辑