8月24日-8月28日学习笔记

第一周学习笔记

h1-h6   标题标签  自上而下排列的元素类型
居中方式 align
p 段落标签  自上而下排列的元素 
<br/>换行
<hr/>水平线  color水平线颜色
font  字体标签  横向排列的元素  属性  color  size
b    strong  加粗标签   i em 倾斜标签 都是横向排列的元素
font-weight   font=style
预留字符：
&nbsp;空格  &times 乘号 &copy版权符号
web标准：就是网页制作的标准
w3c（万维网联盟）  用来制定web标准的机构
whatwg 推动h5标准

站点：用来归纳一个网站上所有的网页素材以及他们之间的联系
最基本应包含的元素：HTML文件夹 JS文件夹 CSS文件夹 Images文件夹 index.html文件

from表单

收集用户信息，特点：自上而下排列
属性：action  后台地址  target :_self(默认不打开新窗口) _blank（新窗口打开） method get post   name：名称
get和post的区别：
get：获得数据  post:传输数据
get  数据在url地址栏看的见  post 看不见
get  速度快 文件小  pos t相对慢和大
get  不安全 post 相对安全

input：表单的各种类型
text文本框   checkbox 复选框  radio 单选框(相同名字 即可实现同时不多选)
下拉框 selec  option(参数css设置时  只需设置css即可 ，特殊)
特点：横向排列
type：类型  name：表单框名称  value：默认值或值  
reset 重置按钮  submit 提交按钮（连接后台地址）
checkbox：checked默认选中
select：selected 下拉框默认排第一
disable：禁用  如按钮无法点击
textarea：cols 列数 rows行数

列表：

无序：ul li 用的最多 list-style-type：disc circletype square 
有序  ou li type：A  a number
自定义列表：dl dt（一般用作图片） dd（用作图片的解释说明）

图片：

img src=“”
title 图片的标题  鼠标悬停在图片上会显示
alt：图片加载失败的说明

文件路径：

原文件与目标文件在同一目录，同一文件夹时  src=“文件名+后缀”
原文件与目标文件的文件夹在同一目录时：src=“文件夹名/文件名+后缀”
原文件的文件夹与目标文件的文件夹在同一目录时 src=“../文件夹名/文件名+后缀”

超链接

<a href=""></a>
a元素的文件颜色不继承夫元素的属性，需要单独写
属性：target  

表格

table：作用显示数据   
tr：行 td：列  th：单元格标题
属性：width   height border  bgcolor  
cellspacing：单元格与单元格之间的距离
文件水平对齐方式：align  垂直对齐方式：vertical-align 
rowspan  合并行  clospan合并列

div布局容器

用来对网页各部分的内容进行分块划分的容器，常用div+版心的布局方式：宽屏页面

css：层叠样式表

层叠：就是使用css时要遵循的规范
css样式表：为css代码执行提供一个环境
内部样式表：在html  head头部中使用<style></style>标签  优先级：代码书写顺序
外部样式表：写在css文件里的，用的时候，需要引用，<llink rel="stylesheet" type="text/css" href="">  优先级：代码书写顺序
内联样式表：在标签内  style=“”  优先级：最高

css选择器
class选择器 权重10  
语法：html中class=“名称”   css中 .名称

包含选择器：起限定作用 权重=权重之和
语法： 选择器1 选择器2{}

群组选择器 一次性给多个元素设置样式
语法：选择器1，选择器2，选择器3
id选择器：对应#
id与class的区别
id只能有一个名字  class可以有多个 用空格隔开
id权重高100，一般在js中使用

css常用属性：
width height font-size line-height 
注意：行高=容器高度的时候，文本垂直居中
  	  行高<容器高度的时候，文本垂直往上
 	  行高>容器高度的时候，文本垂直往下

块元素水平居中

margin: 0 auto；

清除所有元素的内外边距:

*{margin:0 padding:0}

边框

border:值1（大小） 值2（线性 solid dashed dotted double）

背景颜色

background：值1（颜色） 值2（图片） 值3（重复：no-repeat repeat-x repeat-y） 值4（位置：左右 上下） 值5（固定 fixed）

超链接的下划线

text-decoration:none(无) topline（上划线） line-throug（中划线） underline（下划线）

通配符

* 可代表所有元素

内外边距

margin：值1（上） 值2（右） 值3（下） 值4（左）

流

一种规则：文档流（标准流）浮动流  定位流

元素的类型

块元素  内联元素 内联块元素   内联和内联块元素以前统称内联元素
块元素可以设置宽和高  特点：自上而下排列
常见的：div p h1-h6 ul ol dl li form等等
内联元素 不能设置宽和高  横向排列
常见的有：a i b font span em srtong 等等
html中代码换行后 默认有间隙
内联块元素 可以设置宽和高  横向排列
常见的有：input textarea img 
html中代码换行后 默认有间隙