CSS
基础知识
sunnyaha12
这个作者很懒,什么都没留下…
展开
-
PS切图
PS切图PS有很多的切图方式图层切图、切片切图、PS插件切图等。1.图层切图 最简单的切图方式:右击图层 → 快速导出为PNG。 选择需要导出的图层 → ctrl+E(将两个图层合成一个)→右键导出为PNG。2.切片切图1.利用切片选中图片 利用切片工具手动划出2.导出选中的图片文件菜单→导出→存储为web设备所用格式>选择我们要的图片格式>所有用户切片/选中的切片>存储。3.ps插件切图安装cutterman:注意:cutterman插...原创 2020-08-24 19:33:48 · 210 阅读 · 0 评论 -
CSS盒模型、width、height、padding、border、margin(5)
一、CSS盒模型统计图解CSS盒子模型(BoxModel)又称框模型,包含了元素内容(content)、内边距(padding)边框(border)、外边距(margin)几个要素。原创 2020-07-29 11:28:57 · 1275 阅读 · 0 评论 -
CSS字体属性、文本属性(4)
一、选择器权重行间样式 > id选择器 > class选择器 > 标签选择器 > 通配符选择器权重计算 行内样式 权重1000 ID选择器 权重100 类选择器 权重10 标签选择器 权重1 通配符 权重0 相同的权重:以后面出现的选择器为最后规则,越具体越强大。...原创 2020-07-24 11:17:07 · 314 阅读 · 0 评论 -
CSS3选择器权重、新增伪类选择器(3)
一、新增伪类选择器●:first-of-type四配属于其父元素的特定类型的首个子元素的每个元素。●:last-of-type四配属于其父元素的特定类型的最后一个子元素的每个元素。●:only-of-type匹配属于其父元素的特定类型的唯一子元素的每个元素。●:nth-of-type(n)匹配属于父元素的特定类型的第N个子元素的每个元素。●:nth-last-of-type(n)匹配属于父元素的特定类型的第N个子元素的每个元素,从最后一个子元素开始计数。...原创 2020-07-20 21:00:21 · 305 阅读 · 0 评论 -
CSS基本选择器、复杂选择器、伪元素选择器、属性选择器及新增属性选择器(2)
一、基本选择器标签选择器:用于指定元素名称的所有元素类选择器:选取带有指定类(class)的元素ID选择器:为带有指定id的元素设置样式通配符:选取所有元素,也能选取另一个元素中的所有元素:<p class="yellow big">两个类名放一起</p>二、复杂选择器群组选择器(并集选择器):用于同时选取多个元素交集选择器:用于选中二者各自元素范围的交集后代选择器:用于选取元素内部的元素子代选择器:用于选取带有特定父元素的元素。相邻兄弟选择器:选择紧.原创 2020-07-19 17:32:29 · 274 阅读 · 0 评论 -
CSS基础语法和引入方式(1)
一、CSS简介CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多重样式将层叠为一个二、CSS基础语法CSS基础语法1、CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。2、选择器通常是您需要改变样式的HTML元素。3、每条声明由一个属性和一个值组成。4、属性(property)是您希望设置的样式属性(st...原创 2020-07-19 17:01:29 · 249 阅读 · 0 评论