![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
enn谁动了我的奶酪
努力充电ing
展开
-
HTML5与响应式Web设计
HTML5文档的开始部分。如下(如果没有下面这些代码,网页会出现问题):<!DOCTYPE html> <!-- doctype声明,大小写一样;告诉网页如何以“标准模式”渲染网页 --><html lang="en"><head><meta charset="utf-8">一般来说,每个网页都会用到这些元素。下面讲述每个...原创 2020-03-26 10:30:18 · 144 阅读 · 0 评论 -
CSS3的新特性:css响应式多列布局、断字
1. CSS响应式多列布局 有没有过要把一段文本分成多列显示的需求? 可以把文本分别放在不同的元素中,然后分别添加样式。可是,纯粹为了添加样式而修改标记并不是值得提倡的。CSS多列布局规范描述了如何通过多列显示文本。比如以下标记: <main> <p>Lorem ipsum dolor sit amet, consectetur a...原创 2020-02-11 12:05:09 · 631 阅读 · 0 评论 -
CSS3 弹性布局 使用Flexbox(一)垂直居中文本、偏移、反序的实现
Flexbox有四个关键特性:方向、对齐、次序和弹性。下面利用几个简单的示例,只涉及几个元素盒子以及他们周围的内容。以方便我们理解Flexbox。一、完美 垂直居中文本代码如下:<div class="Header"> hello world!(垂直居中)</div>垂直居中文本的CSS规则如下:<style>.Hea...原创 2020-02-06 16:05:27 · 2657 阅读 · 0 评论