css
文章平均质量分 67
weiweitb8
这个作者很懒,什么都没留下…
展开
-
css复习整理(一):选择器与创建
css的选择器分为:1.标签选择器 2.类选择器 3.id选择器;然后选择器又可以进行各种组合: *后代选择器:父代名 后代名{属性名:属性值} 后代元素为所有后代(子子孙孙元素; *子代选择器:父代名> 子代名 {属性名:属性值} 子元素为父元素的儿子元素,不包括孙元素等; *兄弟选择器:如table + ul{属性名:属性值} 解释为紧临table元素的ul元素; *原创 2017-08-16 10:42:44 · 290 阅读 · 0 评论 -
css复习整理(二):css样式
一.样式:1.背景样式: background-color, background-image, background-position, background-attachment, background-repeat,可以通过这些属性设置背景的颜色,背景图片[如background-image: url('image.png')],背景图片所在位置,是否重复以及滚动时背景图片不动等原创 2017-08-17 16:37:10 · 206 阅读 · 0 评论 -
css复习整理(三):盒子模型
一.盒子模型1.盒子模型 CSS中,一个独立的盒子模型由content(内容)、border(边框)、padding(内边距)和margin(外边距)4个部分组成。通常设置的width,height是实际内容的尺寸,元素框的最内部分是实际的内容,直接包围内容的是内边距,内边距呈现了元素的背景,内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素,盒子模型如原创 2017-08-18 15:19:12 · 374 阅读 · 0 评论 -
css复习整理(四):css定位
一.定位机制css有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框原创 2017-08-21 10:35:33 · 197 阅读 · 0 评论 -
css复习整理(五):CSS3新特性
一. 边框与背景1. 边框border-radius:倒角属性,可为边框添加倒角;border-image可以使用图片来创建边框,如url(/i/border.png) 30 30 round;box-shadow可用来向框添加阴影,其语法为box-shadow: h-shadow v-shadow blur spread color inset。2. 背景background原创 2017-08-21 14:09:53 · 247 阅读 · 0 评论 -
sass学习(一):变量、嵌套与导入
一 使用变量sass使用的一大好处就是可以使用变量,对于那些重复使用的属性,可以通过变量名来引用。1.变量声明sass中变量通过$来声明,书写方法与CSS相似,属性值可以使用空格和逗号进行分割。与CSS属性不同的是,其变量可以声明在规则块外,在规则块内部声明的变量只能在本规则块内使用。举例如下:$nav-color: #F90;nav { $width: 100px; w原创 2017-11-14 19:52:02 · 3416 阅读 · 0 评论 -
sass学习(二):注释,混合器与继承
一 静默注释注释可以作为简单的样式说明,解释你当时为什么这样写,但是你不一定希望浏览网站的每个人都能看到你的注释,sass提供一种注释方式,当在生成css时会自动抹去注释,即使用//进行注释,而使用/* */进行注释时则会在css文件中显示注释,除非/* */使用在原生css不该放置的地方,如属性和选择器中,注释会被抹去。二 混合器当你的工程中需要重复使用大量相同的样式时,单单使用变量原创 2017-11-21 16:34:01 · 466 阅读 · 0 评论