![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML与CSS
文章平均质量分 73
还没头秃
这个作者很懒,什么都没留下…
展开
-
viewport设置(PC端不需要特别设置viewport)
PC端和移动端的区别几年前 PC端页面布局 PC端布局的传统解决方案是基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 移动端页面布局 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持 现在pc和移动端都可以使用flex布局, 特殊情况下才需要使用传统布局(2) PC端样式内容宽度p...原创 2022-01-06 20:27:52 · 1174 阅读 · 0 评论 -
代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)
代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)原创 2022-01-06 20:23:37 · 257 阅读 · 0 评论 -
CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)
CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)原创 2022-01-06 20:18:59 · 219 阅读 · 0 评论 -
CSS基础样式(外边距塌陷问题,文本溢出问题(单行文本、多行文本))
Css版本CSS1: 1996年12月17日成为W3C推荐标准,该版本中提供了有关文字、颜色、位置和文本属性等基本信息。 CSS2: 1998年5月,样式单得到了更多的充实。 CSS3: 1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案。各浏览器厂商对CSS3的支持也在不断的完善中。(1) 盒子显示和隐藏 display block 块级标签, 可以设置宽高, 无论内容有多少, 都要占据一行 inline 行内标签, 宽高失效 Inline-block 行内原创 2022-01-06 20:13:33 · 383 阅读 · 0 评论 -
CSS基础
(1) 在html中使用样式内联样式 内部样式 外部样式1-2内联样式和内部样式<!DOCTYPE html><html><head> <style> <!-- 内部样式 --> p { color: green; font-size: 30px; } </style> </head><原创 2022-01-06 20:01:36 · 182 阅读 · 0 评论 -
html5新增标签
html5新增标签原创 2022-01-06 19:56:55 · 51 阅读 · 0 评论 -
html 常用标签(元素)
html 常用标签(元素)目录html 常用标签(元素)(1) 标签相关概念1. HTML版本2. HTML文件3. 标签及其语法(2) 结构标签(3) 文本标签(4) 列表(5) 链接(6) 图片(7) html转义字符(字符实体)(8) 表格(9) 表单(10) iframe 标签(1) 标签相关概念1. HTML版本html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01(原创 2022-01-06 19:53:02 · 278 阅读 · 0 评论