css应用(htmlcss基础教程主要内容有哪些)
1.html css基础教程主要内容有哪些
html css基础教程归纳如下：
第1、Html介绍
本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签，最后讲解了在html中的注释代码的作用。
第2、认识标签（第一部分）
学完这一章节将对标签的使用有了一些初步的认识，可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。
第3、认识标签（第二部分）
本章节主要讲解列表、div及table标签使用，学完本章，可以在网页上展示一些信息列表及表格数据，使网页上的信息更加丰富
第4、认识标签（第三部分）
本章节主要讲解超链接标签、链接地址及图片标签，学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来，达到网页之间可以相互跳转的作用。
第5、与浏览者交互，表单标签
每天都在网上冲浪，如果没有表单，人们就无法输入自己的个人信息来买东西，本章节主要从表单的作用、表单元素讲起，学习完本章，可以制出简单的用户登陆、注册页面。
第6、开始学习CSS，为网页添加样式
CSS是一个很神奇的东西，设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式：先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
第7、CSS样式基本知识
这一章节主要讲解与CSS样式相关的基础知识：CSS样式的位置及相关的优先级，为后面的CSS样式具体学习打下基础。
第8、CSS选择器
本章主要介绍CSS的选择器，通过学习本章，能对元素进行样式的设置
第9、CSS的继承、层叠和特殊性
CSS中有一些概念是需要深刻理解的，此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。
第10、CSS格式化排版
本章将详细介绍网页排版中主要格式化要素，帮助读者把CSS技术与网页编排紧密结合在一起，实现网页实用性与欣赏性相结合，实现出设计效果。
第11、CSS盒模型
盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究，以便为后面的学习和日后网页设计奠定扎实的基础。
第12、CSS布局模型
现在可以用所需的知识进行真正设计了，学习完本章节可以运用所学习的知识实现网页的多列布局，本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究，以便为后面制作复杂的网页打下基础。
第13、CSS代码缩写，占用更少的带宽
虽然CSS文件或者嵌入的CSS都纯文本文件，为了减少css样式代码的编写量，代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。
第14、单位和值
本章节对单位如颜色的单位和值等时行详细讲解。
第15、css样式设置小技巧
本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。
2.CSS如何操作（基础）
根据选择器设置元素的css 样式
"." class选择器
如：
-----------------------------------------------------------
css代码：
.op{
width:150px
}
html代码：
<div class='op'></div>
-------------------------------------------------------
"#" id选择器
#op{
width:150px
}
html代码：
<div id='op'></div>
-----------------------------------------------------
标签选择器
a{
width:150px
}
html代码：
<a id='op'></a>
3.HTML与CSS入门经典的内容简介
全书分6个部分，包括24章和4个附录。第一部分简要地介绍了HTML和XHTML，阐述了网页的创建过程和发布步骤，讨论了如何连接到其他网页；第二部分介绍了文本的对齐和格式化，讨论了文本链接、图像链接和图像映射，阐述了如何处理用于网页中的图像，还介绍了如何设置网页的背景和颜色；第三部分讨论了如何使用表格、CSS和框架设计网页布局；第四部分探讨了如何使用脚本、表单和多媒体设计动态网页，还介绍了HTML和CSS技术的两种实际应用——创建令人印象深刻的eBay拍卖网页和引人入胜的博客；第五部分阐述如何创建网站，包括网站的组织和管理以及如何让网站在搜索结果中靠前；第六部分为附录，列出了重要的HTML和CSS资源网站，提供了完整的XHTML1.1和CSS2快速参考，讨论了如何将HTML文档转换为XHTML。
4.谁知道CSS的基本语法
在建立样式表之前，我们必须要具体一些 HTML 的基础知识。我们知道， HTML 语言由标志和属性构成， CSS 也是如此。
样式表基本语法：
HTML 标志 { 标志属性：属性值；标志属性：属性值；标志属性：属性值；…… }
放置样式表有内联和外联等三种不同的方法。现在首先讨论在 HTML 页面内直接引用样式表的方法。
这个方法必须把样式表信息包括在 < style>； 和 < /style>； 标记中，为了使样式表在整个页面中产生作用，应把该组标记及其内容放到 < HEAD>； 和 < /HEAD>； 中去。
例如我们要设置一 HTML 页面中所有 H1 标题字显示为蓝色，其代码如下：
< HTML>
< HEAD>
< TITLE>This is a CSS samples< /TITLE>
< STYLE TYPE="text/css">
< !--
H1 { color: blue }
-->
< /STYLE>
< /HEAD>
< BODY>
页面内容…
< /BODY>
< /HTML>
注意， < STYLE>； 标记中包括了 TYPE = "text/css" ，这是让浏览器知道你是使用 CSS1 样式规则。加入 <； ！-- 和 -->； 这一对注释标记是防止有些老式的浏览器不认识样式表规则，可以把该段代码忽略不计。
在使用样式表过程中，经常会有几个标志用到同一个属性，比如我们规定 HTML 页面中凡是粗体字、斜体字、1 号标题字显示为红色，按照上面介绍的方法应书写为：
B { color: red}
I { color: red}
H1 { color: red}
显然这样书写十分麻烦，引进分组的概念会使其变得简洁明了，我们可以写成：
B,I,H1 {color: red}
用逗号分隔各个 HTML 标志，把三行代码合并成一行。
此外，同一个 HTML 标志，可能定义到多种属性，例如，我们规定把从 H1 到 H6 各级标题定义为红色黑体字，带下划线，则应写为：
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family： " 黑体 "
}
注意各个标志属性之间用分号隔开。
文章来自： 新元网（CNITB.COM） 详文参考：
5.学习HTML,CSS,JS应该看那些书,要有什么基础知识
1、css 和 js 都是在有html基础才去学的东西
2、看你学习这些的目的是什么，这三个东西都是入门容易的，但是js想精通不容易
3、HTML5 （比HTML4多一些标记，多一些规范，取消一些冗余属性和标记）标记语言，就是些标签，我想很好上手，CSS现在都是学3.0，也就是比之前的CSS2.0多很多特性，包括动画效果（css2.0时候动画只能依靠js的）
4、js(JavaScript)，怎么说呢，我也没有深入学习，也就是说，实际工作中直接写JavaScript很浪费时间，大多都使用Jquery,Jquery是在JavaScript基础上开发的库，就一个文件而已，库的概念怎么理解，就是别人说的造轮子的概念，汽车是个产品，轮子就好比库，汽车公司并不是从炼制金属和橡胶开始造汽车，而是直接用已有的轮子面板玻璃等去制造汽车，JavaScript的学习思路是，简单了解JavaScript的基础方法，比如操作dom的方法之类，然后考虑上手第三方库，Jquery是个好选择，但是如果要想深入理解JS或者JQ(Jquery)，那就只能仔细研究js了
5、没有什么好的书籍推荐，因为入门不靠书籍，靠自己动手打代码。
不懂的问题多问问百度，谷歌（有条件的话），推荐你一个好的网站 w3school
地址：.cn/ 当年我就是从这开始的
