标签：25 2021.2 title 标签 元素 ------ 小结 选择器 属性

**

2.25第二天web前端学习小结

HTML基础篇大概
1.标签不区分大小写
2.属性都在标签内且有值。
3.标签是自结束标签，属性有：src—负责设置路径找到对应的图片，可以是相对路径，也可以是绝对路径，一般来说是相对路径好点。
alt------负责显示图片加载不出来时候的文字。
4.标签一般用来确定编码，或者定位重定向。属性：
http-equiv=refresh----负责刷新页面，content----显示内容或刷新时间，
url--------跳转到的页面路径
5.标签用来内联外部页面，不过一般都不要了，有超链接。
6.标签可以滚动字幕，属性:loop-----循环次数
------------超链接。属性：href：指定链接的路径。target------规定在何处打开文档。可选值：_selef–当前窗口打开。_black—新的窗口打开。

7.

css介绍

1.HTML的标签就是元素，元素即标签。
2.CSS的样式可以写到元素的style属性中，这种方法结构和表现耦合度高，不方便后期维护，不推荐使用
**当样式写在style属性中的方法我们称为内联样式。这种方法只时候对当前元素内的内容产生效果。内联样式不方便复用。
3.推荐在头标签里写个style标签----这叫做内部样式
4.给元素修饰样式首先要考虑选择器，不然不知道给哪些元素修饰。例子：p{color：red}----给所有p元素的内容设为红色。
5.外部样式（最推荐）
写一个css文件，哪个需要就联入调用它。
代码如下:Link rel=“stylesheet” type=“text/css” href="…"—这是个自结束标签，前两个参数固定不变，url路径可填相对css文件路径，这样就可以完成连接外部样式。
这样写就可以完全使结构和表现分离，让多个页面同时使用这个样式。还加快了用户访问的速度，提高了用户体验。
CSS的注释：/…/
块元素
1.什么是块元素？
独占一行的元素就是块元素。例如：div,p,h1,h2…;
div元素------它没有任何语义，一般负责页面的布局，独占一行，不会为里面的元素设置任何默认样式。
内联元素
内联元素，也叫行内元素。
1.什么是内联元素？
只占用自身元素大小，不会独占一行的元素。例如：span,img,iframe,a
span元素------它也没有语义，它主要是负责给文字提供样式。
块元素里面可以放块元素。
a元素可以放任何元素，但是不能放自身。
块元素内可以有内联元素，内联元素不能包含块元素。
p元素不能嵌套块元素
每个元素可以设置唯一的id，也可以设置相同的组—class也叫类选择器
class可以多个设置多个组。例：《p class=“a1 a2 a3” 》nihao 《/p》

6
/选择器分组/也叫并集选择器
h1,#p1,.a3{
background-color: chartreuse;
}
----使同选择器都要的样式可以放一起。
复合选择器（也叫交集选择器）------选中满足多个条件的元素。
语法：a1a2a3{}
子元素选择器-----只要儿子，孙子啥的都不管。
语法： div>span{
background-color: darkmagenta;
}
7.
伪类
表示元素的一种特殊状态。当我们需要为这些特殊状态的元素设置状态时，就会用到伪类。
语法： a：Link{}
参数： ：Link—表示正常的连接。（没访问过的链接）
：visited-------表示访问过的链接----在这里面只能设置字体的颜色，其他设置不了
：hover-------鼠标移入
：active-------被点击的状态
：focus------获取焦点时候的状态
::selection-----选中元素时的状态（在火狐浏览器这样实现不了得换种方式写：::-moz-selection）
<input type=“text”》-----自结束标签，用来得到一个文本框
8.
伪元素
表示元素的特殊位置。
参数： ：first-letter--------表示第一个元素。
：first-line------表示第一行
：before------表示元素之前的位置，一般配合content一起使用。用于给文字段落前面加字之类的
：after--------表示元素之后的位置。也是一般配合content一起使用。

属性选择器
根据元素的属性或属性值来选取元素。
语法 p[title]或者p[title=“hello”]
p[title^=“ab”]------在p元素内找title属性值以ab开头的元素
p[title$=“c”]-------在p元素内找title属性以c结尾的元素。
p[title*=“c”]-------在p元素内找title属性含有c的元素。
title属性：除了取标题，还可以做文字提示语，当鼠标移到时候就会显示。

标签：25,2021.2,title,标签,元素,------,小结,选择器,属性
来源： https://blog.csdn.net/ydqstudent/article/details/114062739

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。