![](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 · 1172 阅读 · 0 评论 -
代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)
代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)原创 2022-01-06 20:23:37 · 255 阅读 · 0 评论 -
CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)
CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)原创 2022-01-06 20:18:59 · 218 阅读 · 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 · 382 阅读 · 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 · 277 阅读 · 0 评论