随笔分类 -  CSS样式学习笔记

那些年遇到的不懂
弹性盒模型
摘要：更够更好的响应式布局。例子 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 阅读(188) 评论(0) 推荐(0)
响应式图片
摘要：响应式图片：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。并在在改变输出设备类型或者分辨率时，能及时加载对应类型的图片。常见的实现方式： srcset和sizes加载不同图片 picture、source media加载不同图片 source type指定多种格式 poly 阅读全文
posted @ 2018-09-26 19:30 Nnn_Lillian 阅读(187) 评论(0) 推荐(0)
实例 -- CSS3 弹性盒模型
摘要：使用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 阅读(353) 评论(0) 推荐(0)
CSS 3 选择器
摘要：CSS选择器是很基本的东西。在CSS3中，追加了三个属性选择器分别为 这样使得选择器有了通配符的概念 结构性伪类选择器 名字很拗口，所以先解释一下伪类的意思：由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态失去时，它又会失去这个样式；所以叫伪类。 :hover  阅读全文
posted @ 2018-09-26 14:49 Nnn_Lillian 阅读(277) 评论(0) 推荐(0)
OO CSS的个人理解
摘要：这两天的学习，学到了OO CSS的部分，说实话，我还是有些不太懂得的。作为学习笔记记录下来现在的我的想法（如有错误还望可以给予我指正）和学习到的知识（OO CSS的概念解读），日后可能学习的更多我会有更新的理解。 先讨论一下问题产生的背景。CSS代码遇到的问题？ 1.需要书写大量看似无逻辑的代码，不 阅读全文
posted @ 2016-11-25 17:09 Nnn_Lillian 阅读(550) 评论(0) 推荐(0)
background-origin和background-clip的理解
摘要：第二遍再次学习到css样式的部分，在背景设置部分遇到了问题。最让我困惑的就是background-origin和background-clip这两个属性。 官方解释 background-origin:规定背景图片的定位区域。 background-origin:规定背景图片的定位区域。 backg 阅读全文
posted @ 2016-11-19 09:42 Nnn_Lillian 阅读(325) 评论(0) 推荐(0)
direction、text-align和unicode-bidi设置文本方向
摘要：进入到css文本设置，又是一个迷惑，不过好在都解决。 问题描述： direction和unicode都表示设置文本方向，到底有何不同？ （解决文章参考：《direction和unicode-bidi》--Samaritans） 为什么【<div style="direction: rtl; ">th 阅读全文
posted @ 2016-11-19 09:40 Nnn_Lillian 阅读(2582) 评论(1) 推荐(1)