前端知识
一、HTML中的标签
- div标签:是块标签,属性有style(设置div元素的行内样式)、class(引用css的类选择器)、aline(设置div中的内容的对齐方式)。
- span标签:是行标签,属性有style(设置span元素的行内样式)、class(引用css的类选择器)、aline(设置span中的内容的对齐方式)。
- a标签:超链接标签
- table标签:
form标签:
form标签属性、input标签:表单域标签一般位于form标签之间,表单域主要包括文本框、密码框、隐藏域、多行文本框、单选按钮、复选框、列表选择框和文件选择框等元素
textarea标签:
标签的wrap属性用于指定多行文本框的换行方式二、css语言基础
1:在页面排版时,内容与样式的混合设计方式将导致页面代码过于臃肿、难于维护,也不利于搜索引擎的检索。
2:CSS(层叠样式表)的出现,将页面内容与样式彻底分离,极大改善了HTML在页面显示方面的缺陷。
3:使用CSS样式表可以控制HTML标签的显示样式,如页面的布局、字体、颜色、背景和图文混排等效果。
4:在网站的风格方面,一个CSS样式文件可以在多个页面中使用,当用户修改CSS样式文件时,所有引用该样式文件的页面外观都随之发生改变。
CSS基本格式:
其中,一个选择器可以包含有一个或多个声明。
在CSS样式声明中,书写格式可能有所不同,但应遵循以下规则:
1:第一项必须是选择器或选择器表达式
2:选择器之后紧跟一对大括号
3:每个声明是由属性和属性值组成,且位于大括号之内
4:声明之间需以英文分号进行间隔
5:最后一个声明后面的英文分号可以省略
CSS样式有以下三种格式:内嵌样式、内部样式和外部样式。
(1)内嵌样式(Inline Style Sheet)又称行内样式,将CSS样式嵌入到HTML标签中可以很简单的对某个标签单独定义样式。
(2)内部样式表(Internal Style Sheet)将CSS样式从HTML标签中分离出来,使得HTML代码更加整洁,而且CSS样式可以被多次使用。
1:内部样式表是一种写在
(3)链接外部样式表
在HTML中标签用于将文档与外部资源进行关联,经常用于链接网页的外部样式表.样式表的优先级:
优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下才可以认为离被设置元素越近优先级别越高。
下列是一份优先级逐级增加的选择器列表:
1:通用选择器(*)
2:元素(类型)选择器
3:类选择器
4:属性选择器
5:伪类
6:ID 选择器
7:内联样式
8:!important 规则例外
css的选择器:未完。。。。。。
三、JavaScript语言基础
JavaScript是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的客户端脚本语言,其特点如下:
- 解释性
- 嵌套在HTML中
- 弱数据类型
- 跨平台
- 基于对象
- 基于事件驱动
JavaScript脚本不仅能嵌入到HTML页面中,还能以独立文件的形式进行存放。
在页面中使用JavaScript脚本的形式有以下三种:
- 行内JavaScript脚本
- 内部JavaScript脚本
- 外部JavaScript脚本
行内JavaScript脚本: 在HTML中嵌入JavaScript脚本,例如:鼠标事件和超链接等。