文章分类 -  CSS

CSS快速入门-基本选择器
摘要：1、标签选择器 通过标签进行元素选择。 2、* *代表通配符，匹配任意标签，甚至包括body标签，如果你设置了*，则body也会应用样式。 3、# #代表ID选择器，ID必须唯一 4、.（点） .代表类选择器，class可以不唯一，可重复，在bootstrap里面经常可以看到多个class，但是id 阅读全文
posted @ 2018-05-12 23:48 skyflask 阅读(391) 评论(0) 推荐(0)
CSS快速入门-引入方式
摘要：一、概述 HTML是骨架、框架CSS是外表、衣服JS是动作、肌肉 css的主要作用是对元素进行渲染。1、找到要操作的标签（选择器）2、对定位的标签进行操作（属性） 二、CSS引入方式 1、行内式 <p style="background-color:red">行内式</p> 2、内联式 在head标 阅读全文
posted @ 2018-05-12 23:48 skyflask 阅读(449) 评论(0) 推荐(0)
CSS快速入门-组合选择器
摘要：一、A，B :任意选择器 A or B 二、A B：后代选择器，A 标签下的所有B 三、A>B：子选择器,仅仅儿子级别会选中. 四、A+B：毗邻选择器，仅仅相邻的同级别（兄弟sibling）第一个会选中. 注意：1、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内 阅读全文
posted @ 2018-05-12 23:47 skyflask 阅读(4666) 评论(1) 推荐(0)
CSS快速入门-实用技巧
摘要：1、整体布局 大部分的布局都是由三部分组成，header、body、footer。 代码布局：写三个div 2、默认margin 默认情况下body和document之间是有margin的 以上代码我并没有设置div的maring，但是它不是定格，你会发现它在上面和左边都有间距，这就是默认距离。 一 阅读全文
posted @ 2018-04-15 13:31 skyflask 阅读(390) 评论(0) 推荐(0)
CSS快速入门-盒子模型
摘要：一、CSS盒子模型概述 css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。 content：内容的实际空间 padding：边框和内容之间的空间 margin：盒子与盒子之间的空间 阅读全文
posted @ 2018-04-15 12:37 skyflask 阅读(469) 评论(0) 推荐(0)
CSS快速入门-属性和伪类
摘要：一、属性选择器 属性选择器： E[att] 匹配所有具有att属性的E元素，不考虑它的值。（注意：E，Element。在此处可以省略，比如“[cheacked]”。以下同。） p[name] { color:#f00; } E[att=val] 匹配所有att属性等于“val”的E元素 。值仅等于v 阅读全文
posted @ 2018-03-30 22:25 skyflask 阅读(405) 评论(0) 推荐(0)
CSS之抽屉作业
摘要：实现效果 html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="yuan_css.css"> </head> <b 阅读全文
posted @ 2018-01-14 12:21 skyflask 阅读(189) 评论(0) 推荐(0)
前端基础之CSS
摘要：知识预览 CSS 语法 css的四种引入方式 css选择器 css属性操作 Caution！ 后台管理布局 css响应式布局 课下作业 回到顶部 CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ? 1 2 3 4 5 6 7 8 9 ''' selector { pro 阅读全文
posted @ 2018-01-14 12:09 skyflask 阅读(146) 评论(0) 推荐(0)
CSS
摘要：css概述 CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。 一 css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 ? 1 <p st 阅读全文
posted @ 2018-01-14 11:46 skyflask 阅读(160) 评论(0) 推荐(0)