Loading

随笔分类 -  Css

♣ css3选择器、伪类、伪元素
摘要：选择器 CSS2.1中，选择器7种： id选择器 #box 类选择器 .red 标签选择器 p 后代 div p 交集 div.red 并集 div,p 通配符 * 关系选择符 > 儿子，亲儿子，不是后代，必须是儿子 + next sibling，下一个兄弟 ~ next all siblings 阅读全文
posted @ 2022-02-15 23:20 sunflower-js 阅读(135) 评论(0) 推荐(0)
♣ 定位、z-index属性
摘要：定位 CSS中重要的东西就三个：盒模型、浮动、定位。这三个技术，就是负责网页的布局的。其余的技术，都是杂碎：background、文字、颜色表示法…… 相对定位 1 position:relative; 相对自己进行微调，相对定位就是相对自己原来的位置，进行位置移动。移动的时候需要使用定位值。 to 阅读全文
posted @ 2022-02-15 15:09 sunflower-js 阅读(110) 评论(0) 推荐(0)
♣ css2.1 background系列属性
摘要：css2.1 background系列属性 background-color 背景颜色属性 1 background-color:#f00; 没有什么好说的，我们一直在用，记住，padding区域也有背景颜色！border以内的地方都有颜色。 background-image 背景图片属性 1 ba 阅读全文
posted @ 2022-02-14 23:57 sunflower-js 阅读(82) 评论(0) 推荐(0)
♣ css浮动
摘要：标准文档流 我们发现，Fireworks作图，可以在任何一个地方落笔；word这个软件则不一样，有一个“光标”位置，你必须在当前光标位置去书写文字。第二行文字的位置，仰赖于第一行文字，比如第一行文字多，第二行文字就下移了；比如第一行文字大，第二行文字又下移了。网页也是这样，从左至右、从上到下，有一个 阅读全文
posted @ 2022-02-14 17:40 sunflower-js 阅读(39) 评论(0) 推荐(0)
♣ css盒模型、居中
摘要：盒模型 盒模型整体感知 盒模型就是width、height、padding、border、margin外边距这么几个属性。 width：内容的宽度 height：内容的高度 padding：内边距 border: 边框 第一个案例： 1 <style type="text/css"> 2 div{ 阅读全文
posted @ 2022-02-14 15:06 sunflower-js 阅读(170) 评论(0) 推荐(0)
♣ CSS2.1颜色、文字
摘要：CSS2.1中的颜色表示法 我们大量的用到颜色，比如color、background-color、border:1px solid red;之前我们都是用英语来描述颜色red、blue等等。一共有三种方法：单词、rgb()、#十六进制 单词来表示 在HTML中能够找到这些单词表示的颜色名。不过我们一 阅读全文
posted @ 2022-02-14 14:10 sunflower-js 阅读(195) 评论(0) 推荐(0)
CSS整体感知和选择器
摘要：CSS整体感知 简介 前端开发3层： HTML 结构层 语义、结构 CSS 样式层 样式 JS 行为层 交互、行为、动画 CSS的全称呼是cascading style sheet ， 层叠式样式表。 CSS的维护者也是w3c，最新版本是CSS3，但是浏览器没有那么的兼容，所以我们学习的是CSS2. 阅读全文
posted @ 2022-02-14 10:33 sunflower-js 阅读(64) 评论(0) 推荐(0)