2017年1月18日
摘要：
为何学习？ 1. 所有主流浏览器都支持JavaScript。 2. 目前，全世界大部分网页都使用JavaScript。 3. 它可以让网页呈现各种动态效果。 4. 做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。 易学性 1.学习环境无外不在 阅读全文
posted @ 2017-01-18 23:52
美林pml
阅读(147)
评论(0)
推荐(0)
摘要：
隐性改变display类型 有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： 1. position : absolute 2. float : left 或 float:right 简单来说，只要html代码中出现以上两句之一，元素的d 阅读全文
posted @ 2017-01-18 19:55
美林pml
阅读(82)
评论(0)
推荐(0)
摘要：
垂直居中-父元素高度确定的单行文本 我们在实际工作中也会遇到需要设置垂直居中的场景，比如好多报纸的文章标题在左右一侧时，常常会设置为垂直居中，为了用户体验性好。 这里我们又得分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素 阅读全文
posted @ 2017-01-18 19:46
美林pml
阅读(118)
评论(0)
推荐(0)
摘要：
水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？ 如果被设置元素为文本、图片 阅读全文
posted @ 2017-01-18 17:29
美林pml
阅读(140)
评论(0)
推荐(0)
摘要：
长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单 阅读全文
posted @ 2017-01-18 14:32
美林pml
阅读(153)
评论(0)
推荐(0)
摘要：
颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色 这个与 photoshop 阅读全文
posted @ 2017-01-18 14:29
美林pml
阅读(254)
评论(0)
推荐(0)
摘要：
盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为 阅读全文
posted @ 2017-01-18 14:19
美林pml
阅读(362)
评论(0)
推荐(0)
摘要：
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的 阅读全文
posted @ 2017-01-18 12:42
美林pml
阅读(227)
评论(0)
推荐(0)
摘要：
边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是 border 代码的缩写形式，可以分开写： 阅读全文
posted @ 2017-01-18 11:53
美林pml
阅读(189)
评论(0)
推荐(0)
摘要：
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： 阅读全文
posted @ 2017-01-18 11:37
美林pml
阅读(189)
评论(0)
推荐(0)
摘要：
文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的 阅读全文
posted @ 2017-01-18 10:49
美林pml
阅读(199)
评论(0)
推荐(0)
摘要：
内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： 并且css样式代码要写在style=""双引号中，如果有多条 阅读全文
posted @ 2017-01-18 09:18
美林pml
阅读(232)
评论(0)
推荐(0)
浙公网安备 33010602011771号