今天小编给大家分享一下html css基础知识点有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

龙潭网站建设公司创新互联公司,龙潭网站设计制作，有大型网站制作公司丰富经验。已为龙潭1000多家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的龙潭做网站的公司定做！

HTML

网页构成

摘要	说明
结构(HTML)	HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
表现(CSS)	CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
行为(JavaScript / jQuery)	JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有购物网站中图片的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的

HTML文件结构

• 为HTML页面中的根标签，所有的HTML网页中的标签都在中。

• 这里标签用于定义文档的头部，它是所有头部元素的容器。头部元素有;还有一些是自结束标签，如：
  

• 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：

  里嵌套

  ，那么

  必须放在
  的前面。如： 

  ..

• 注释是不可以嵌套的,如： -->

• HTML标签不区分大小写,

  和

  是一样的,但万维网联盟（W3C）建议小写。

常用标签

...

...	标题
	换行
	分割线
...	段落
	行内
	图片
	超链接
...	无序列表
...	有序列表
...	列表项
...	表格
一行
	...	一列
	...	列标题
...	表单
	输入框
...	下拉列表
...	下拉选项

属性

align="left" 　　　　　　　　　　　　　　　　　　【align="center"，align="right"　　左中右】

style="background-color: red"　　　　　　　　   【样式】

【宽高只设置一项即可，另一项会自适应】

　  　【" target="_blank"在新窗口打开，默认原窗口打开】

列表

　　

...

　　

...

在ul标签中添加属性 type="" circle 空心圆，disc 实心圆 (默认)，square 实心方块
在ol标签中添加属性 type="1/a/A/i/I"

表格

　　　　　　　  　【行】
　　　　　　【标题列】
　　
　　
　　　　　　【列】
　　

table标签中可以声明的属性
　　border="" 　 　表格的边框
　　width=""　　    表格的宽度
　　height=""　   　高度
　　align="" 　　    表格的对其方式
　　bgcolor="" 　　背景颜色
td标签内定义对齐方式的属性
　　align=""   　　  设置当前单元格水平对齐
　　valign="" 　　  设置当前单元格垂直对齐
　　bgcolor=""   　 设置背景颜色
合并单元格
 　   rowspan="   　合并单元格的个数   　  合并行
　　colspan="　　 合并单元格的个数　　  合并列

 表单

　　　　中国
　　

 

 

• get：是将所有的提交的数据显示在地址栏，长度会有一些限制

• post：将要提交的数据放在请求体中，在url表单里面没有任何数据

 提交时以key:value形式，其中文本框、密码框的key为name 值为提交数据

 　　　　　　　　　　　 其中单选框、复选框、隐藏域、提交按钮key为name 值为value

　　 下拉列表name在select标签value在option标签提交时同上key为name值为value

 常规属性

id：　　标签的唯一编号，识别码

class :   标签的分类，用来识别一组标签。

style：  标签的风格、样式

p,form,ol,ul,li,dl,dt,dd,h4{margin:0;padding:0;list-style:none} 样式清除

事件属性

• onblur:　　        失去焦点

• onclick:              鼠标点击

• onbdclick:          双击

• onmouseover:   鼠标移动到元素上

CSS

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML元素（或内容）在浏览器内的显示样式

语法

CSS样式由选择符(选择器)和声明组成，而声明又由属性和值组成

语法说明

• 属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）

• 多个声明：如果要定义不止一个声明，则需要用英文分号”;”将每个声明分开。虽然最后一条声明的最后可以不加分号，但尽量在每条声明的末尾都加上分号

• 每行最好只描述一个属性

• CSS对大小写不敏感，但建议使用小写。不过存在一个例外：class 和 id 名称对大小写是敏感的。

• CSS注释：/* 注释内容 */

编写位置

方式一：写在标签的style属性中

字体大小用px表示

方式二：写在html头的style标签中(style标签一般写在head标签与title标签之间)

    p{
        background-color: yellow;
    }

方式三：写在外部的css文件中，然后通过link标签引入外部的css文件

优先级按照上述讲的三种方式依次降低

选择器

标签选择器：标签名　　　　　　　　

id选择器：#id(名)　　　　　　　　　

类选择器：.class(名)　     　　　　　

组选择器：选择器1，…　　　　　　【同时使用多个选择器选中一组元素，使用，分隔】

派生选择器：选择器1 选择器2 …　　【根据上下文关系，选择元素的后代元素，使用空格隔开】

常用样式

颜色：color：red；或  #00F6DE

宽度：width：20px; 或  %20

高度：height：20px;  或  %20

背景颜色：background-color： #00F6DE

字体大小：font-size：20px;

文本居中：text-align：center;

div居中：margin-left：auto;　　margin-right：auto;

1px实线边框：border：1px solid;

 列表去修饰：ul{list-style：none;}

以上就是“html css基础知识点有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

当前标题：htmlcss基础知识点有哪些
当前网址：http://www.tsicrk.com/article/ispohp.html