Hong•Guo - 博客园

2021年12月26日

posted @ 2021-12-26 09:02 Hong•Guo 阅读(58) 评论(0) 推荐(0)

9. 定位(position)

摘要： @ 什么是定位定位是一种更加高级的布局手段，通过定位可以将元素摆放到页面的任意位置，它有两部分组成：定位 = 定位模式 + 边偏移偏移量(offset) 当元素开启了定位以后，可以通过偏移量来设置元素的位置在 CSS 中，通过（方位名词）top、bottom、left 和 right 属性阅读全文

posted @ 2021-12-26 08:28 Hong•Guo 阅读(221) 评论(0) 推荐(0)

8. 浮动(float)

摘要： @ CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子，CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位。普通流（标准流、文档流）块级元素会独占一行，从上向下顺序排列。行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。浮动让阅读全文

posted @ 2021-12-26 00:01 Hong•Guo 阅读(197) 评论(0) 推荐(0)

2021年12月25日

7. display(标签显示模式)

摘要： @ 文档流 - 网页是一个多层的结构，一层摞着一层 - 通过CSS可以分别为每一层来设置样式 - 作为用户来讲只能看到最顶上一层 - 这些层中，最底下的一层称为文档流，文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列 - 对于我们来元素主要有两个状态在文档阅读全文

posted @ 2021-12-25 23:59 Hong•Guo 阅读(207) 评论(0) 推荐(0)

6. 盒子模型

摘要： @ 网页布局的本质：首先利用CSS设置好盒子的大小，然后摆放盒子的位置。最后把网页元素比如文字图片等等，放入盒子里面。盒子模型（Box Model）盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。盒子内容与边框的距离是内边距（类似单元格的阅读全文

posted @ 2021-12-25 23:56 Hong•Guo 阅读(133) 评论(0) 推荐(0)

5. CSS 三大特性

摘要： @ 1. CSS层叠性 div{ color:red; font-size:25px; } div{ color:green; } /* 最后div的color为 green ，red会被层叠掉 */ 概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同阅读全文

posted @ 2021-12-25 23:51 Hong•Guo 阅读(38) 评论(0) 推荐(0)

4. CSS字体样式属性

摘要： @ 一、font字体菜鸟文档：CSS font 属性 1. font-size:大小作用： font-size属性用于设置字号 p { font-size:20px; } 长度单位：可以使用相对长度单位，也可以使用绝对长度单位。相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少阅读全文

posted @ 2021-12-25 23:48 Hong•Guo 阅读(243) 评论(0) 推荐(0)

3. CSS背景--background

摘要： @ background-color 语法： background-color:颜色值; /* 默认的值是transparent :透明的 */ 可指定透明度的背景色(rgba) 语法： background: rgba(0, 0, 0, 0.3); 最后一个参数是alpha 透明度取值范围 0~ 阅读全文

posted @ 2021-12-25 22:30 Hong•Guo 阅读(242) 评论(0) 推荐(0)

2. CSS选择器

摘要： @ 一、CSS选择器作用找到特定的HTML页面元素 h3 { color: red; } /* 选着h3标签，并把属性color值改为red */ 选择器分为基础选择器和复合选择器二、CSS基础选择器 1. 标签选择器概念：标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标阅读全文

posted @ 2021-12-25 22:26 Hong•Guo 阅读(144) 评论(0) 推荐(0)

1. CSS简介

摘要： @ 一、概述概念： CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表）作用：主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS以HTML为基础，提阅读全文

posted @ 2021-12-25 22:23 Hong•Guo 阅读(166) 评论(0) 推荐(0)

Loading

Ｈｏｎｇ

欢迎来到我的博客🤞🌹~

公告