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样式介绍使用(凡人都找不到哦!)废寝忘食只为博君一赞!

前端学习之路-CSS介绍,Html介绍,JavaScript介绍

CSS的特性之层叠性介绍

C1认证学习十六十七(CSS的引入方法语义化标签)

C1认证学习十六十七(CSS的引入方法语义化标签)

HTML&CSS基础学习笔记1.29-灵活地使用样式