欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML/CSS从零开始(一)

程序员文章站 2022-06-09 16:23:14
...
前期准备

2本书:《HTML5从入门到精通》清华大学出版社,《Head First HTML与CSS》中国电力出版社;

1个编译器:sublime;

几种浏览器用于测试网页:Firefox、chrome、360、IE;

2个主要的学习网站:慕课网:http://www.imooc.com/,w3school:http://www.w3school.com.cn/h.asp;

还有一颗安定的心、沉下心去学。

开始学习

一、HTML与CSS初步认识

HTML是网页的结构(相当毛坯房,还未进行装修),CSS是来定义样式的(相当于装修);所以这两种语言共同构成了网页,其实在HTML中标签的属性style也可以定义样式,HTML结构与CSS定义如下中如下:



Starbuzz Coffees

body{
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black ;
padding:10px 10px 10px 10px;
font-family: sans-serif;
}


二、超链接(HT hypertext)

语法:

注意事项:

源文件与目标文件的相对位置

三个页面:lounge.html(主页)、elixir.html(跳转页1)、directions.html(跳转页2)

文件beverages、about在lounge中。

elixirs
directions
Back to the lounge

下一、二级:name1/name2/目标文件

先上二级后下一级:../../下一级name1/目标文件