HTML学习标签以及CSS样式介绍使用(凡人都找不到哦!)废寝忘食只为博君一赞!
Posted 阿伟丫
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML学习标签以及CSS样式介绍使用(凡人都找不到哦!)废寝忘食只为博君一赞!相关的知识,希望对你有一定的参考价值。
学习标签
1、表单标签<form></form>(属性=“属性值”)
①action=“具体的提交文件路径url”
②methed=“”——1、get 2、post
③get——在地址栏出现密码,不安全
④post——较安全,一般也是post方法
2、输入框<input></input>
类型:
①text——文本类型,——输入一般信息,比如用户名、昵称、账号名
②password——密码输入框(required——属性的意思是必须写上)
③radio——单选框——只选择一项
属性:name“”——一定要写!!!这里叫一个组别
value——写具体的属性,比如value=“男”
④checkbox——复选框——勾选好几项——比如勾选兴趣爱好
3、下拉框<select></select>
有哪些是可以选择的?
name——必须写组别
slelected=“selected”
(把所有可以选的东西放在<option></option>有多少个选择就有多少个)
4、image——图片类型
src=“”
css概述:(cascading Style sheet)
知识要点:css就是修饰网页的一种技术使用。
css样式表可以对同一个网页内容进行不同修饰产生不同的风格局面,便于网页风格的切换。
使用css3(目前版本)样式表有以下优势
①丰富的修饰样式:
在css样式表中,提供丰富的属性与各种取值,使用样式表能对网页内容进行所想即所得的各种修饰
②内容与修饰分离,有利于项目开发:
使用css样式表,可以真的做到网页内容与修饰美化的分离,或者称为内容与表现分离。
③实现央视,提高开发效率:
同一个网站的多少个页面可以使用同一个样式,同一个页面中的多个标签可以使用同一个样式,提高了网站的开发效率,同时也方便了对网站的更新和维护。
④实现页面的精准控制
css央视具有强大的样式控制能力和排版布局能力,通过各种选择器对页面原色的控制,不仅能修饰封面内容,还可以控制页面元素的位置。
样式表构成:样式表的基本语法由:①选择器②属性③属性值
构成:
css样式的仪码规范:
css代码建议全用小写。每行编写一条样式规则。“/*......*/”添加必要的注释。
知识要点:根据样式表的书写位置,可以将样式表分为外部样式表,内嵌样式表以及行内样式表。
外部样式的使用:将样式规则定义在样式表文件中,不同的页面均可以导入样式表文件并使用。
链接外部样式表:<link type="text/css" rel="stylesheet" href="路径"/>
导入外部样式表:<style tgpe="text/css">@import"css/style.css";</style>
导入样式表文件:可通过link方式或import方式导入样式表文件,一般用link方式。
内嵌样式表的使用:在页面的style标签中定义样式规则,当前页面中元素均可以使用。
行内标签的使用:将样式规则定义在标签的style属性中,只有当前元素可以使用。
不同类型样式表的使用场合:行内样式表不建议使用,在实际项目开发中主要使用外部样式表。内嵌样式表一般在做练习的时候使用
css基本选择器:
知识要点:选择器是一种模式,用于选择需要添加样式的元素。根据选择器表示所修饰的内容类别,基本选择器分的标签选择器分为标签选择器(元素选择器)选择器和ID选择器
标签选择器的使用:可在页面的不同元素进行重用,需要使用class属性手动应用。
ID选择器的使用:由于ID属性不能重复,不能在页面进行重用,需要使用ID属性手动应用。
CSS扩展选择器:
知识要点:css中除了三种基本的选择器外,还存在多种由基本选择器而衍生出来的扩展选择器,包括泽合选择器,包含选择器,交集选择器,交集选择器及伪类选择器。
伪类的使用对象:link.visited伪类只能使用在连接标签上,hover,active伪类可以使用在任何标签上。
CSS继承性:
知识要点:编写css3样式规则时,我们经常会发现有多个选择器会作用于同一个元素,那么也就是多个选择器中样式维泽发生了重叠。
css3的选择符优先级:id选择器优先级最高,其次是类选择符最后是元素选择符。
以上是关于HTML学习标签以及CSS样式介绍使用(凡人都找不到哦!)废寝忘食只为博君一赞!的主要内容,如果未能解决你的问题,请参考以下文章
HTML学习标签以及CSS样式介绍使用(凡人都找不到哦!)废寝忘食只为博君一赞!