摘要: 更够更好的响应式布局。例子 HTML: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS/normalize.css"> <lin 阅读全文
posted @ 2018-09-26 20:25 Nnn_Lillian 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 响应式图片:用户代理根据输出设备的分辨率不同加载不同类型的图片,不会造成带宽的浪费。并在在改变输出设备类型或者分辨率时,能及时加载对应类型的图片。常见的实现方式: srcset和sizes加载不同图片 picture、source media加载不同图片 source type指定多种格式 poly 阅读全文
posted @ 2018-09-26 19:30 Nnn_Lillian 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 使用CSS3的弹性盒模型完成 响应式表格: 代码: HTML <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS/begin.css 阅读全文
posted @ 2018-09-26 16:45 Nnn_Lillian 阅读(336) 评论(0) 推荐(0) 编辑
摘要: CSS选择器是很基本的东西。在CSS3中,追加了三个属性选择器分别为 这样使得选择器有了通配符的概念 结构性伪类选择器 名字很拗口,所以先解释一下伪类的意思:由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态失去时,它又会失去这个样式;所以叫伪类。 :hover  阅读全文
posted @ 2018-09-26 14:49 Nnn_Lillian 阅读(242) 评论(0) 推荐(0) 编辑