新标签label
是指定内容获得焦点
label标签可与表单控件相关联,关联之后点击文字,与之对应的表单控件就会获取焦点。两种与label关联方式如下:
1.让label标签的for属性的值等于表单控件的id。 2.把表单控件套在label标签的里面。


框架标签
<iframe>嵌入一个网站或者广告也可以调整宽和高
<iframe src="https://www.toutiao.com" width="500" height="800" frameborder="1/0">
与超链接的target属性联合使用
字符实体
  代表空格
呈现标签<h1> 代码中敲出<;h1>;
代码:&=实体:&

在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.子、孙子、重孙子、重重孙子…统称后代!子就是指儿子。
3483

被折叠的 条评论
为什么被折叠?



