![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html&css
shuangde800
这个作者很懒,什么都没留下…
展开
-
[Codecademy] HTML&CSS 第二课:Build Your Own Webpage
本文出自 http://blog.csdn.net/shuangde800------------------------------------------------------------------------------------------------这一节课的内容,就是上一节课的练习,根据已学的内容,写一个非常非常简单的一个页面,跟着Codecademy原创 2013-09-10 10:45:09 · 2288 阅读 · 0 评论 -
[Codecademy] HTML && CSS课程学习目录
这学期第一周就开始上了web前端的课,然后老师很可怕的在一个下午之内就把html+css的内容基本上全部讲完了。。一直以来,都很想建立一个真正属于自己的Blog,这个系列的学习也是为了之后建立个人博客打好基础吧。之前就听说了Codecademy网站学习很科学,前不久又在csdn首页看了一篇国外美女在暑假创建个人网站的学习经历也是在Codecademy上的(这个暑假我给自己做了个网站),于是紧迫感就更加强烈,再不跟紧美女的脚步就老了!!原创 2013-09-09 11:27:42 · 3441 阅读 · 0 评论 -
[Codecademy] HTML&CSS第九课 :CSS Selectors
[Codecademy] HTML && CSS课程学习目录------------------------------------------------------------------------------------------------All HTML elements are selectors(所有的html元素都是html)前面课程给<h1>,<p>,<span>,<a>等元素定义成了css的selector,事实上,任何的html元素都可以定义车给你selector,原创 2013-09-14 00:18:41 · 3741 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第十课:Sorting Your Friends
[Codecademy] HTML && CSS课程学习目录这节课主要是复习一下前一课的内容,会用div来创建几个圆圈,让用class和id来给他们设置风格。其中涉及到的属性:display: inline-blockborder-radius: 100%;margin-left: 5px将会在后面课程有讲原创 2013-09-14 10:08:43 · 2635 阅读 · 1 评论 -
[Codecademy] HTML&CSS第八课:Design a Button for Your Webwite
这节课主要是讲怎样用div来模拟出一个按钮。会使用到一些新属性:原创 2013-09-13 19:30:44 · 2148 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第六课:Clickable Photo Page
这节课是练习课,在上一节课我们已经学了关于表格的一些东西,表格的功能不仅如此,还可以更强大。这里会先用到了CSS文件,所以在工程中包含一个新文件stylesheet.css。CSS的内容会在下一节课里学习,这里先不去讲它。原创 2013-09-12 12:16:10 · 2754 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第五课:HTML Basics III
Introduction(介绍 )我们目前的html之旅非常顺利,已经学了:1. 怎样创建html文件的基本结构2. 标题,段落,图片和链接3. 字体颜色,尺寸和类型4. 背景颜色,文本对齐,粗体和斜体这节课,我们将学习html重要的一部分:<table>,<div>和<span>Tables(表格)表格非常有用,我们用表格来存储可以制成表格的数据,可以让可读性更强。如果你想把数据分成几行和几列来表示,那么就要用到<table>了。有很多其它标签来和<table>一起配合使原创 2013-09-12 00:19:09 · 3172 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第三课:HTML Basic II
在这节课中,我们要进入下一阶段:a. 制作排序列表的和不排序列表b. 改变字体大小,颜色和类型c. 改变背景颜色d. 字体对齐Ordered lists(排序列表) 排序列表就是在每一行内容的前面有编号,效果如下:1. 有序列表以<ol>标签开头</ol>结尾。(ol = ordered lists)2. 有序列表里面的每一项,用<li> </li>括起来。 (li = list item)3. 有序列表的每一项占一行,所以一般我们把一项的所有内容放在一行里。原创 2013-09-11 00:54:19 · 3262 阅读 · 1 评论 -
[Codecademy] HTML&CSS 第一课:HTML Basic
HTML: HyperText Markup Language (超文本标记语言)Hypertext(超文本) means "text with links in it."A markup language(标记语言) is a programming language used to make text do more than just sit on a page: it can turn text into images, links, tables, lists, and much more.原创 2013-09-09 11:31:08 · 2911 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第四课:Social Networking Profile
[Codecademy] HTML && CSS课程学习目录------------------------------------------------------------------------------------------------同样,按照Codecademy的管理,都是一节课讲知识点,然后再一节课做一个小页面,交替进行。这节课是练习课。按照提示,写一个个人简介的页面,很快就可以做完了。原创 2013-09-11 10:30:06 · 2391 阅读 · 0 评论 -
[Codecademy] HTML&CSS 第七课:CSS: An Overview
What CSS is(什么是CSS)CSS(Cascading Style Sheets级联样式表)是一种描述你html的外观和格式的语言。一个样式表(style sheet)是一个描述html页面看起来怎么样的文件。我们说这些样式表是级联(cascading)的是因为这些表格可以应用超过一种的样式。例如,你想让所有的段落<p>的字都是蓝色的,但是只有其中某一个单词是红色的,CSS也可以做到这点。只要这样子设置css文件:p { color: red;}span { /*Wri原创 2013-09-13 19:34:15 · 3135 阅读 · 0 评论