用的软件是Hbuiderx,了解了一些基础的操作和知识
index.html:放上页面需要的所有东西,文字,图片,链接,按钮等
xxx.css:将上面所放的东西按需求布置
js:转换
一、打开index.html:html:超文本标记语言
1是头部声明
2\10<html></html>根元素
3\6<head></head>浏览器头部,里面的4是编码格式和5标题title
7\9<body></body>浏览器主体
双标签有开始有结束,比如head,body;单标签只有开始,后面用/,比如br
<ul><li><li/><ul/>是一起用的,表示列表-----ul无序列表,ol有序列表
<h1>-<h6>是六种等级的标题
<p>是段落
a是链接,写法是a href=“&*#”
button是按钮
<div>是盒子,可以放上面的各种元素标签,里面也可以再套<div>
它们起名字都是class=""
二、建一个.css文件
可以自己改名,比如改成:
创建之后就有了这个名称的.css文件。
这时打开index.html,在head里加上关于link的这句话:
href里的会自己出现,选择你创立的.css文件即可,这样就使两个文件有了连接,可以在你创立的.css中对index.html的各类元素进行排列和调整了。
*{}里表示对整个页面所实行的操作
width 宽度;height 高度
float:left/right 左浮动右浮动,只有左右两个属性,想让一个或几个东西横过来就需要给他们浮动
margin :x x x x 外间距(上右下左)margin-left/right/top/bottom:左/右/上/下外间距
padding:x x x x 内间距,与外间距写法同理
list-style:none 去小圆点
text-decoration:去下划线
font-......:对字的调整
color:字体颜色;background-color:背景颜色