html:超文本标记语言,是用来描述网页的一种语言。
HTML5是最新的HTML标准,拥有更丰富的语义、图形以及多媒体元素等内容。
Web标准:
1. 结构:对网页元素整理和分类(html)
2. 表现:设置网页元素的版式等外观样式(css)
3. 行为:网页模型的定义和交互的编写(JavaScript)
html常用标签:h1,p,br/,div,span,img,b,em,del,ins
img:alt图片不能显示时的文字,title鼠标放图片提示的文本
a:href属性跳转的位置,target属性目标窗口的弹出方式,默认—self,—blank新窗口打开
表单标签:
form:可以把浏览者输入的数据传送到服务器端,method=“数据传送的方式”(get/post), action=”服务器文件”
input:包含一个type属性,用于收集用户信息。当 type=”text”时,输入框为文本输入框;当type=”password”时, 输入框为密码输入框。name属性:为文本框命名,以备后台程序ASP 、PHP使用。value属性:为文本输入框设置默认值。
radio/checkbox:使用单选框、复选框
submit:使用提交按钮,提交数据,
label标签为input元素定义标注
textarea:当用户需要在表单中输入大段文字时,需要用到文本输入域。
select:下拉表单标签
ol、ul、li适用无描述的列表。例如:新闻展示页面,一共N条新闻,点进去可浏览详情。
dl、dd、dt适用有描述的列表 例如:简历页面,介绍自己的信息、年龄、住址等
css
css(Cascading Style Sheets层叠样式表),样式化和排版网页(例如内容的字体,大小,颜色)
简单选择器:
1.类型选择器(p,div)
2.类选择器(.)
3.ID选择器(#)
4.通用选择器(*)
复杂选择器
- 后代选择器:选择后代元素(用空格分割)
- 子元素选择器:选亲儿子元素(>)
- 并集选择器:用 ,分割
- 伪类选择器:用 :表示。例div:hover(选择鼠标位于其上的链接)。link,visited,hover,active。按顺序做。:focus获得焦点的表单伪类
块元素:h1–h6,div,p,ul,ol,li,
行内元素:a,span,b,em,s,i
行内块元素:img,input,td
元素显示模式转换:display:block(块)/inline(行内)/inline-block(行内块)
背景图像
background-image:url();路径
background-position:top/left/right/bottom;位置
background-repeat:no-repeat;不重叠
background-attachment: scroll/fixed;固定图片
CSS三大继承性
- 层叠性:
样式冲突遵循就近原则,不冲突就不层叠 - 继承性:
子标签继承父级的某些样式(跟文字相关的样式) - 优先性
选择器相同依据层叠性,选择器不同依据选择器权重
行内:1000,id:100,类,伪类:10,元素:1
!important:无穷大