摘要:
1、如何插入JS 使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。<script type="text/javascript">表示在<script></script 阅读全文
posted @ 2015-10-08 21:55
姜腾腾
阅读(1319)
评论(0)
推荐(0)
摘要:
absolute和fixed的相同点: 第一,完全脱离标准文档流 第二,未设置偏移量时,都定位在父元素的左上角 absolute和fixed的不同点: 第一、当设置偏移量时,偏移参照基准不同 absolute:1、没有已经定位的祖先元素,以<html>为基准偏移 2、有已经定位的祖先元素,以距其最近 阅读全文
posted @ 2015-10-07 13:44
姜腾腾
阅读(264)
评论(0)
推荐(0)
摘要:
案例一:导航菜单的制作 垂直菜单 关键点:导航菜单使用无序列表更符合语义化要求,而a标签需要设置为块级元素,才可以对其设置宽高背景等样式。 水平菜单 圆角菜单 圆角背景图片: 方法一:使用背景图片设置菜单栏圆角效果 方法二:使用CSS3设置圆角 改变高度的伸缩菜单 水平方向伸缩菜单 方法一:使用JS 阅读全文
posted @ 2015-10-06 11:08
姜腾腾
阅读(1339)
评论(0)
推荐(0)
摘要:
结构、表现和行为分离,不仅是一项技术,更主要的是一种思想,当我们拿到一个网页时,先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。,减少HTML与CSS耦合度。 案例一:微博对话框 案例二:网页换肤(相同HTML,不同CSS) 阅读全文
posted @ 2015-10-05 08:46
姜腾腾
阅读(1082)
评论(0)
推荐(0)
摘要:
W3C标准: 由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离。 CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。 标准文档流 特点:从上到下,从左到右,输出文档内 阅读全文
posted @ 2015-10-04 17:50
姜腾腾
阅读(430)
评论(0)
推荐(0)
摘要:
什么叫做布局? 又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。 网页设计的特点 网页可以自适应宽度 网页的高度理论上可以无限延长 网页分栏 分栏又称为分列,常见的布局分为:一列布局、二列布局、三列布局、混合布局 前端工程师是将艺术与技术完美融合的关键岗位。 一列布局 通常作为网站 阅读全文
posted @ 2015-10-03 19:10
姜腾腾
阅读(312)
评论(0)
推荐(0)
摘要:
第十一章 CSS代码缩写,占用更少的带宽 盒模型代码简写
:还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12p 阅读全文
posted @ 2015-10-02 23:59
姜腾腾
阅读(180)
评论(0)
推荐(0)
摘要:
第九章 CSS盒模型 元素分类
: 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table> 阅读全文
posted @ 2015-10-02 23:55
姜腾腾
阅读(192)
评论(0)
推荐(0)
摘要:
第七章 CSS的继承、层叠和特殊性 继承:CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 特殊性
权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
注意:还有一个权值比较特殊--继承 阅读全文
posted @ 2015-10-02 22:43
姜腾腾
阅读(177)
评论(0)
推荐(0)
摘要:
第五章 CSS样式基本知识 内联式css样式,直接写在现有的HTML标签中
CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color: 阅读全文
posted @ 2015-10-02 21:27
姜腾腾
阅读(172)
评论(0)
推荐(0)