随笔分类 -  HTML+CSS

移动web开发之媒体查询
摘要：媒体查询：针对不同的媒体类型定义不同的样式！ 基本语法 @media 媒体类型 关键字 and (媒体功能) { /* CSS 样式 */ } 关键字 only：指定某种指定的媒体类型，可以用来排除不支持媒体查询的浏览器。 not：排除某种指定的媒体类型。 常见的媒体类型 1.screen:用于电脑 阅读全文
posted @ 2020-05-22 20:41 清风园 阅读(427) 评论(0) 推荐(0)
Flex布局
摘要：Flex布局方式，Flex属性，响应式布局，PC和移动端布局，使用FLex进行简单的PC和移动端布局 基础知识点：main start 主轴开始位置 main end 主轴结束位置 ，cross start 交叉轴的开始位置 cross end 交叉轴的结束位置。main size 主轴大小 cro 阅读全文
posted @ 2020-05-19 08:25 清风园 阅读(180) 评论(0) 推荐(0)
实现DIV水平垂直居中的方法【笔记】
摘要：方案一： 初始化网页的宽度和高度，div可在浏览器窗口大小改变时，依旧居中！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2020-05-18 18:50 清风园 阅读(273) 评论(0) 推荐(0)
CSS3选择器
摘要：Cascading Style Sheets,简称CSS,中文译为层叠样式表，有三种形式（外部样式，内部样式，内联样式） 1.外部样式，通过外部样式表管理页面的外观，定义在HTML外部的样式表，通过链接( <link href="XXX.css" rel="stylesheet" type="tex 阅读全文
posted @ 2020-05-18 16:22 清风园 阅读(160) 评论(0) 推荐(0)
HTML5总结
摘要：HTML 全称为Hyper Text MarKup Language ,即“超文本标记语言”，标记语言是一套标记标签，并非编程语言。 HTML5，即H5,是HTML的第五个版本，并非新技术 HTML5拓展的内容： 一：语义化标签 1.什么是语义化：语义化是指对数据和信息进行处理，使得机器可以理解。 阅读全文
posted @ 2020-05-18 14:46 清风园 阅读(194) 评论(0) 推荐(0)