10.3HTML学习笔记

新标签label

是指定内容获得焦点

label标签可与表单控件相关联,关联之后点击文字,与之对应的表单控件就会获取焦点。两种与label关联方式如下:

1.让label标签的for属性的值等于表单控件的id。  2.把表单控件套在label标签的里面。

框架标签

<iframe>嵌入一个网站或者广告也可以调整宽和高

<iframe src="https://www.toutiao.com" width="500" height="800" frameborder="1/0"> 

与超链接的target属性联合使用

字符实体

&nbsp 代表空格

呈现标签<h1> 代码中敲出&lt;h1&gt;

代码:&amp=实体:&

在HTML中我们可以用一种特殊的形式的内容,来表示某个符号这种特殊形式的内容,就是HTML实体。比如小于号<用于定义HTML标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在TML源码中插入字符实体

表示方法:&实体名称; 分号一定是英文的分号

MDN

配置<meta name="..." content=".....">

CSS学习基础

2.1行内样式

 写在style属性内

<h1 style="color:red>

2.2内部样式

1.写在html页面内部,将所有的cSs代码提取出来单独放在<style>标签中。

2.语法:<style>/万color:red;font-size:40px;}</style>。

注意点:1.<style>:标签理论上可以放在HTML文档的任何地方,但一般都放在<head>标签中。

2.此种写法:样式可以复用、代码结构清晰。

·存在的问题:1.并没有实现:结构与样式完全分离。2.多个HTML页面无法复用样式。

2.3外部样式

2.4样式优先级

·优先级规则:行内样式>内部样式=外部样式

后来者居上实际是覆盖

 h1{ color: bisque; font-size: 80px;  }

注释的快捷键:ctrl+/

css语法由两部分组成

1.选择器:找到要添加样式的元素。

2.声明块:设置具体的样式(声明块是由一个或多个声明组成的),声明的格式为:属性名:属性值;

2.5代码风格

  /* 展开风格 */(开发时推荐使用,便于维护和调试

        h1{

            color: aqua;

            font-size: 80px;

        }

        /* 紧凑风格 */(项目上线时推荐,可以减小文件体积

        h1{color: aqua;font-size: 80px; }

两种风格之间可相互转换

元素选择器:

1.通配选择器:*{ 。。。}

2.元素选择器:元素{   }

1.3类选择器

根据元素的class值来选中某些元素 class=“类名”

.类名{

}

·注意:

1.id属性值:尽量由字母、数字、下划线(-)、短杠(-)组成,最好以字母开头、不要包含空格、区分大小写。

2.一个元素只能拥有一个id属性,多个元素的id属性值不能相同。

3.一个元素可以同时拥有id和class属性。

·注意:

1.有标签名,标签名必须写在前面。

2.id选择器、理论上可以作为交集的条件,但实际应用中几乎不用一一因为没有意义。

3.交集选择器中不可能出现两个元素选择器,因为一个元素,不可能即是p元素又是spn元素。

4.用的最多的交集选择器是:元素选择器配合类名选择器,例如:p.beauty。

·注意:

1.并集选择器,我们一般竖着写。

2.任何形式的选择器,都可以作为并集选择器的一部分。

3.并集选择器,通常用于集体声明,可以缩小样式表体积。

HTML元素之间的关系

1.父元素:直接包裹某个元素的元素,就是该元素的父元素

2.

·注意:

1.子代选择器,最终选择的是子代,不是父级。

2.子、孙子、重孙子、重重孙子…统称后代!子就是指儿子。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值