html零基础自学,真正零基础学习HTML

```一、CSS概念1、需求：设置网页标签的样式：宽``、高、背景颜色、位置......用于布局或美化网页2、概念：css 层叠样式表英文全称：cascading style sheets浏览器解释语言：让浏览器去执行解释的语言html css大小写不敏感：小写w3c组织3、css语法：选择器1{ 属性名1：属性值1； 属性名2：属性值2； ... ...} 选择器2{ 属性名1：属性值1： 属性名2：属性值2； ... ...} 选择器：我要找的html标签(元素)属性1：属性值1：width：20px不针对行内样式4、css注释html注释css注释/*注释内容*///也可以sublime快捷键：ctrl+/5、补充dhtml=html(指定元素)+css(元素大小位置颜色)+javascript(操纵网页元素)

内容

独占一行，背景颜色一行 内容不独占一行，背景颜色跟随内容 是行级容器标签，不可以包含图片、标题、段落等，只能包含文字内容(他们存在就是为了样式)二、css样式分类1、行内样式只作用于行内

内容

2、内嵌样式作用于本页也可以链接到html中 品种特征方面：

　　 1、蛋鱼：蛋鱼…….。

　　 2、龙睛：龙睛……..。

　　 3、高头：高头….。

3、外部样式作用于多个页面引入内嵌样式css文件link三、选择器1、html选择器<.style>p{属性名：属性值；  属性名：属性值；}<.style>2、class类选择器<.p>内容<.style>  .命名{   属性名：属性值；   属性名：属性值；}3、ID选择器<.p>内容<.style>  #命名{   属性名：属性值；   属性名：属性值；}4、子元素选择器(父子关系).div > .input > 选择器1 > 选择器2{}.border：5px dotted red；.dotted：虚线.solid：实线5、后代选择器(后代关系).div   .input{}6、组合选择器选择器，选择器{   属性名：属性值；   属性名：属性值；}7、样式混用行内样式内嵌样式外部样式就近原则