mc123c-优快云博客

转载 photoshop常用图片处理技巧

photoshop是一款优秀的图像处理软件，作为前端开发工程师，掌握它的一些常用功能是必须的。photoshop的常用功能有：选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能，前端还需要掌握制作新图像、切图等技巧。本次讲解的photoshop版本为cs6。图片格式转换与压缩 1、文件/存储为（不推荐）选择图片类型以及压缩比；2、文件/存储为web所用格式（推荐）选择图片类型以及压缩比；...

2018-02-23 15:36:16 2392

转载 Photoshop常用图片格式

图片是网页制作中很重要的素材，图片有不同的格式，每种格式都有自己的特性，了解这些特效，可以方便我们在制作网页时选取适合的图片格式，图片格式及特性如下：1、psd psd是photoshop的专用格式，UI设计师使用photoshop设计效果图，最后会将psd格式的效果图交付给前端工程师，这种格式是不压缩的，而且保留了图层、透明和半透明等图片信息，所以这种图片格式的容量相对来说是很大的，前端工程师使...

2018-02-23 15:33:54 2184

转载 JavaScript介绍及其插入页面方式

JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。前端三大块 1、HTML：页面结构.2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果.3、JavaScr...

2018-02-23 15:31:13 288

转载块元素、内联元素、内联块元素

元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为：支持全部的样式如果没有设置宽度，默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素，也可以称为行内元素，布局中常用的标签如：...

2018-02-23 15:26:37 222

转载 css颜色表示法及其选择器

css颜色值主要有三种表示方法：1、颜色名表示，比如：red 红色，gold 金色。2、rgb表示，比如：rgb(255,0,0)表示红色。3、16进制数值表示，比如：#ff0000 表示红色，这种可以简写成 #f00。常用的选择器有如下几种：1、标签选择器标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。举例：*{margin:0;padding:0}div{color:red} ...

2018-02-23 15:24:29 1083

转载 css文本设置

常用的应用文本的css样式：color 设置文字的颜色，如： color:red;font-size 设置文字的大小，如：font-size:12px;font-family 设置文字的字体，如：font-family:'微软雅黑';font-style 设置字体是否倾斜，如：font-style:'normal'; 设置不倾斜，font-style:'italic';设置文字倾斜font-wei...

2018-02-23 15:18:31 331

转载 css基本语法及页面引用

css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：div{ width:100px; height:100px; color:red }css页面引入方法：1、外联式：通过link标签，链接到外部样式表到页面中。<link rel="stylesheet" ty...

2018-02-23 15:15:19 156

转载 HTML列表

有序列表在网页上定义一个有编号的内容列表可以用<ol>、<li>配合使用来实现，代码如下：<ol> <li>列表文字一</li> <li>列表文字二</li> <li>列表文字三</li></ol>在网页

2018-02-23 15:13:34 156

转载 HTML链接

html链接<a>标签可以在网页上定义一个链接地址，通过src属性定义跳转的地址，通过title属性定义鼠标悬停时弹出的提示文字框。<a href="#"></a> <a href="http://www.itcast.cn/" title="跳转的传智播客网站"&gt

2018-02-23 15:11:36 271

转载 html图像、绝对路径和相对路径

html图像<img>标签可以在网页上插入一张图片，它是独立使用的标签，通过“src”属性定义图片的地址，通过“alt”属性定义图片加载失败时显示的文字，以及对搜索引擎和盲人读屏软件的支持。<img src="images/pic.jpg" alt="产品图片" />绝对路径和相对路径像网页上插入图片这种外部文件，需要定义文件的引用地址，引用外部文件还包括引用外部样式表，...

2018-02-23 15:07:25 3053

转载 html块、含样式的标签

html块1、div标签块元素，表示一块内容，没有具体的语义。2、span标签行内元素，表示一行中的一小段内容，没有具体的语义。含样式和语义的标签1、em标签行内元素，表示语气中的强调词2、i标签行内元素，原本没有语义，w3c强加了语义，表示专业词汇3、b标签行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名4、strong标签行内元素，表示非常重要的内容语义化的标...

2018-02-23 15:05:35 195

转载 html标题段落、换行与字符实体

html标题通过 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系，比如说： <h1>用作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。搜

2018-02-23 15:01:07 490

转载 HTML概述及其基本结构

html概述HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按...

2018-02-23 14:47:10 296

mc123c的博客