HTML+CSS基础

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.通用选择器(*)

复杂选择器

  1. 后代选择器:选择后代元素(用空格分割)
  2. 子元素选择器:选亲儿子元素(>)
  3. 并集选择器:用 ,分割
  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三大继承性

  1. 层叠性:
    样式冲突遵循就近原则,不冲突就不层叠
  2. 继承性:
    子标签继承父级的某些样式(跟文字相关的样式)
  3. 优先性
    选择器相同依据层叠性,选择器不同依据选择器权重
    行内:1000,id:100,类,伪类:10,元素:1
    !important:无穷大
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值