[07]Web前端 - 随笔分类 - 韩兆新

后端码农谈前端（CSS篇）第八课：继承与层叠

摘要：一、继承继承：所谓CSS样式继承，就是子元素应用父元素的规则声明。（由这一特性，可将CSS属性分为可继承属性和非可继承属性。）可继承属性：属性值可由父元素继承给子元素的属性称之为可继承属性。哪些属性是可继承属性？ 1、文本样式属性 text-indent、text-align、word-spacing、letter-spacing、text-transform、text-decoration、... 阅读全文

posted @ 2015-03-28 14:55 韩兆新阅读(665) 评论(0) 推荐(1) 编辑

后端码农谈前端（CSS篇）第七课：定位与浮动

摘要：一、定位： 1、定位的理解（1）相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。 #box_r... 阅读全文

posted @ 2015-03-27 00:09 韩兆新阅读(2060) 评论(2) 推荐(8) 编辑

后端码农谈前端（CSS篇）第六课：盒子模型

摘要：元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。提示：背景应用于由内容和内边距、边框组成的区域。一、CSS 内边距属性属性描述 padding 简写属性。作用是在一个声明中设置元素的所内边距属性。 padding-bottom 设置元素的下内边距。 padd... 阅读全文

posted @ 2015-03-25 23:31 韩兆新阅读(1811) 评论(1) 推荐(7) 编辑

后端码农谈前端（CSS篇）第五课：CSS样式

摘要：一、背景： CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。 1、背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。例如： p {background-color: gray;} 2、背景图像要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，... 阅读全文

posted @ 2015-03-24 22:51 韩兆新阅读(1751) 评论(0) 推荐(1) 编辑

后端码农谈前端（CSS篇）第四课：选择器补充（伪类与伪元素）

摘要：一、伪类：属性描述 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式。例如：在... 阅读全文

posted @ 2015-03-22 19:31 韩兆新阅读(511) 评论(0) 推荐(1) 编辑

后端码农谈前端（CSS篇）第三课：选择器

摘要：一、选择器 1、ID选择器：语法：首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。请看下面的规则： *#intro {font-weight:bold;}与类选择器一样，ID 选择器中可以忽略通配选择器。前面的例子也可以写作： #intro {font-weight:bold;}这个选择器的效果将是一样的。 2、类选择器：语法：然后我们使用以下语法向这些归类的元素应用样式，... 阅读全文

posted @ 2015-03-22 19:15 韩兆新阅读(894) 评论(0) 推荐(1) 编辑

后端码农谈前端（CSS篇）第二课：CSS的5个来源

摘要：0、浏览器默认样式当你不为html元素设置任何样式时，显示在浏览器上的（比如：元素会显示粗体、元素有纵向margin、元素字号比元素大一倍……）这是为什么呢？因为浏览器自带一个默认的样式，在html元素未被设置样式时，浏览器会按照自己默认的样式来显示。但是浏览器默认样式的级别是最低的，一旦有其他地方设置了样式，浏览器默认样式就会被覆盖掉。注意，不同浏览器的默认样式有些地方是不一样的。... 阅读全文

posted @ 2015-03-22 15:39 韩兆新阅读(1763) 评论(4) 推荐(4) 编辑

后端码农谈前端（CSS篇）第一课：CSS概述

摘要：一、从扮演浏览器开始扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息： HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树；CSS被解析成样式规则。 HTML与CSS在被解析后，会结合在一起形成视图，然后被绘制... 阅读全文

posted @ 2015-03-17 23:59 韩兆新阅读(1489) 评论(4) 推荐(3) 编辑

后端码农谈前端（HTML篇）第三课：常见属性

摘要：一、HTML全局属性 1、核心属性属性描述 id 设置元素的唯一 id。 class 设置元素的一个或多个类名（引用样式表中的类）。 style 设置元素的行内样式（CSS内联样式）。 title 设置有关元素的额外信息（可在工具提示中显示）。 2、语言属性属性描述 lang 设置元素内容的语言代码。 3、键盘属性属性描述 accesskey 设置访问元素... 阅读全文

posted @ 2015-03-09 22:24 韩兆新阅读(902) 评论(0) 推荐(1) 编辑

后端码农谈前端（HTML篇）第二课：常见元素

摘要：一、根元素定义文档类型。定义 HTML 文档。二、元数据元素定义关于文档的信息。定义关于 HTML 文档的元数据。定义文档与外部资源之间的关系，一般用于引入样式表。定义页面上所有链接的默认地址或默认目标。定义文档标题。定义文档的样式信息。三、脚本元素定义客户端脚本。定义当浏览器不支持脚本的时候所显示的内容四、块元素 ... 阅读全文

posted @ 2015-03-09 21:58 韩兆新阅读(1382) 评论(0) 推荐(3) 编辑

后端码农谈前端（HTML篇）第一课：HTML概述

摘要：一、什么是HTML？ HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言； HTML指超文本标记语言（Hyper Text Markup Language），之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。； HTML规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用... 阅读全文

posted @ 2015-03-09 20:31 韩兆新阅读(2433) 评论(0) 推荐(2) 编辑

韩兆新的博客园

Jensen's blog

随笔分类 - [07]Web前端

公告