html5

css初始化

相同的元素，在不同的浏览器下，显示的效果稍有不同，
是因为，而浏览器对各元素的margin，border，font-size等略
有不同，如果杜绝这种情况，我们通过css强制让所有元素的属性值都一样，
这样，浏览器显示就一致了， 减少了不兼容情况发生

初始脚本（手动设定统一效果） ：
（去搜索一下强制初始化代码）

伪类选择器
通配选择器：给当前所有标签设置属性
例如：


   
   
   
   

我是标题

我是段落

我是超链接

 

img图片标签(单闭合 特殊内联（内联替换元素）（可通过css设置宽高）标签）  
1.  
2，
3，  远程引用别人的图片
alt是给搜索引擎看的，标注是什么图
title鼠标放上去就显示hh

PS:一般先转换位块状消除margin  display：block

有序列表ol  和无序列表ul：
list-style 序号样式

一般不显示，为了去掉原本浏览器效果，防止不同浏览器不一样，去不兼容，一般用图片去用，所以 list-style-tyle：none；

表格标签（table）：
     行： tr   列 ：td

用css把控制表格让大家看出来
border-collapse：collapse  边框融合；  得对table用
对行tr用collapse=“n”可跨列；（n为列数）
对列td用rollspan     可跨行；

-----------------------------------
------------分界线--------------------------------------------------------

HTML总结

一、html结构
 1.doctype:  Strict  Transtional   framset
 2.head   :  title  meta charset
 3.body   :  各种div及html标签

二、div布局
1.布局原则：  从上到下  从左到右  从上到下
2.盒子模型：  宽高：width height ； 盒子间距离:margin; 内边距： padding 
3.浮动布局：  浮动概念 浮动清除

三、css效果
1.选择器：类选择器 标签 派生选择器（ul li{}） 伪类选择器 通配选择器
2.控制效果：  段落控制：text-indent       首行缩进
                        text-align        水平文字方向
                        text-decoration   文本装饰线
                        letter-spaing     字符间距
                        text-transform    字母大小写转换
              文字控制：color             颜色
                        font-style        文字样式
                        font-weight       文字粗细
                        font-size         文字大小
                        line-height       行高
                        font-family       字体
              背景控制：background-color  背景色
                                  -image  背景图片
                                  -repeat 背景图重复
                                  -attachment   背景图粘贴方式
                                  -position  背景图位置
3.引入方式：   页面style标签
               外部css文件
               行内style标签
               import导入
4.初始化：     原因：浏览器对于元素有默认的css参数，且可能不一致
               后果：浏览器之间显示效果不一样
               办法：统一对常用元素常用css参数，手动设定统一效果
                                 

四、html标签

无语义标签：
1.div  块状元素，布局分块用
2.span  内联元素，选择文字用

有语义标签：
1. h1-h6 ： 标题
2. p：      段落
3. img：    图片
4. embed：  视频
5. a：      超链接和锚点
6. ul：     无序列表
7. ol：     有序列表
8  table：  表格

----------------明天专区csdn写技术博客，，嘻嘻专业社区比较好吧