泰初 - 博客园

2021年2月7日

摘要：一、显示框类型 display 属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 disp 阅读全文

posted @ 2021-02-07 09:46 泰初阅读(208) 评论(0) 推荐(0) 编辑

HTML——一般标签嵌套规范

摘要：在表格、表单中我们可以经常见到标签嵌套，如： ul li ol li table tr td dl dt dd 标签嵌套的一般规则如下：块标签能够嵌套内联标签，块标签不一定能嵌套块标签(如p标签不可以嵌套其他块标签)，内联不能嵌套块(存在特殊情况a标签，它可以嵌套div)： <div> <span 阅读全文

posted @ 2021-02-07 08:47 泰初阅读(381) 评论(0) 推荐(1) 编辑

CSS——background样式（CSS背景样式）

摘要：一、CSS背景样式 background-color 背景色 background-image 背景图（默认水平垂直都铺满） background-repeat 平铺方式 background-position: 背景位置 x y : number(px,%) | 单词 x : left cente 阅读全文

posted @ 2021-02-07 08:30 泰初阅读(402) 评论(0) 推荐(0) 编辑

2021年2月6日

CSS——响应式布局

摘要：一、响应式布局缘由对于网站的移动端和PC端，大一点的网站都是分开开发的，PC端一套代码，移动端一套代码。以访问淘宝网举例：访问淘宝网 -> 后端检测当前设备 -> 如果是PC端 -> www.taobao.com -> 如果是移动端 -> www.taobao.com重定向 ->h5.m.ta 阅读全文

posted @ 2021-02-06 21:39 泰初阅读(462) 评论(0) 推荐(0) 编辑

CSS——移动端适配方案

摘要：移动端适配方案一、百分百布局,流式布局。代表网站优酷、腾讯、天猫、百度流式布局原则：文字流式(fluid) 控件弹性(flexible) 图片等比缩放(scale) 好处：大屏幕下显示更多内容坏处：宽屏下比例会有些不协调二、等比缩放布局，也叫rem布局。代表网站网易、爱奇艺、美团、淘宝单位阅读全文

posted @ 2021-02-06 21:32 泰初阅读(209) 评论(0) 推荐(0) 编辑

CSS——viewport视口及设置

摘要：一、viewport视口在移动端，viewport视口就是浏览器显示页面内容的屏幕区域。 viewport视口有两种视口，分别是 visual viewport(可视视口)和layout viewport(布局视口)：（1）visual viewport固定大小跟屏幕大小相同，在上面；（2）l 阅读全文

posted @ 2021-02-06 21:22 泰初阅读(1706) 评论(0) 推荐(0) 编辑

CSS——CSS架构

摘要： CSS架构在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理和文件划分等问题。首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Less和Scss实现。划分：文件夹含义 base 一些初始的通用CSS，如重置默认样式，动画、工具阅读全文

posted @ 2021-02-06 21:13 泰初阅读(385) 评论(0) 推荐(0) 编辑

CSS——Sass和Less的特点和比较

摘要： Sass和Less Sass和Less都属于CSS预处理器，CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一种编程的特性，如：变量、语句、函数、继承等概念。将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 Sass官网地址：http: 阅读全文

posted @ 2021-02-06 19:43 泰初阅读(988) 评论(0) 推荐(0) 编辑

2021年2月1日

CSS——Grid网格布局

摘要： Grid网格布局网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 Grid 布局与 Flex布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在阅读全文

posted @ 2021-02-01 21:57 泰初阅读(281) 评论(0) 推荐(0) 编辑

CSS——Flex弹性盒模型

摘要： Flex弹性盒模型 flex布局，可以简便、完整、响应式地实现各种页面布局。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 子项（项目）（flex item）划分：作用在flex容器上: flex- 阅读全文

posted @ 2021-02-01 16:41 泰初阅读(212) 评论(0) 推荐(0) 编辑

靡不有初，鲜克有终

公告