2026年富文本框和文本框有什么区别(富文本输入框)

富文本框和文本框有什么区别(富文本输入框)标签名 iframe 双 属性 1 name 框架名字 可与 target 属性配合 2 width 框架宽 3 height 框架高 4 frameborder 是否显示边框 值 0 或者 1 实际应用 1 在网页中嵌入广告 2 与超链接或表单 target 配合 展示不同内容 1 空格 2 lt gt 3



标签名:iframe(双)

属性:

1.name:框架名字,可与target属性配合
2.width:框架宽
3.height:框架高
4.frameborder:是否显示边框,值:0或者1
实际应用:
1.在网页中嵌入广告
2.与超链接或表单target配合,展示不同内容





1.空格
2. :<
:>
3.:和号
4.:¥()
5.:©(版权)
6.:×
7.÷






1.id

(1)给标签指定唯一标识,(不能重复)
(2)作用:可以让label标签与表单控件关联;也可以与CSS,Javascript配合使用
(3)注意:不能在以下HTML素中使用:

 
  

2.class

给标签指定类名,随后通过CSS就可以给标签设置样式

3.style

给标签设置CSS样式

4.dir

 
  

5.title

给标题设置一个文字提示,一般超链接和图片用的比较多

6.lang

 
  

写在标签的style属性中(又称:内联样式)

 
  

写在html页面内部,将所有CSS代码提取出来,单独放到

 
  

注意点
1.标签理论上可以放在HTML文档的任何地方,但一般都放在标签
2.样式可以复用,代码结构清晰

写在单独的.css的样式文件,把所有HTML文件中引用使用

1.新建一个扩展名.css的样式文件,把所有CSS代码都放入此文件中

 
  

2 . 在 HTML 文件 引入 .css文件

 
  

1.标签要写在
2.标签属性说明;
(1)href:引入的文档来自于哪里
(2)rel:说明引入的文档与当前文档之间的关系
3.结构与样式的完全分离



展开风格–开发时推荐,便于为维护和调试

 
  

紧凑式风格–项目上线,可减小文件体积

 
  
 
  

举例

 
  

作用:为页面中某种素统一设置样式

 
  
 
  

无法实现差异化设置

作用:根据素的class值,来选中某些素

 
  

注意

作用:根据素id属性值,来精准选中某个素

 
  

1.id属性值:尽量由字母,数字,下划线,短杠组成,最好以字母开头,不要包含空格,区分大小写
2.一个素只能拥有一个id属性,多个素的id属性值不能相同
3.一个素可以同时拥有id和class属性

选择器1选择器2选择器3…选择器n {}

选择器1,选择器2,选择器3,…选择器n {}

选中指定素中,符合要求的后代素

选择器1 选择器2 选择器3 …选择器n {}(先写祖先,再写后代)

选择器之间用空格隔开

选中指定素,符合要求的子素(儿子)

选择器1>选择器2>…选择器n {}

选中指定素中,符合要求的相邻兄弟素(睡在我下铺的兄弟)

语法

选择器1+选择器2 {}

选中指定素中,符合要求的所有兄弟素(睡在我下铺的所有兄弟)

语法

选择器1~选择器2 {}

选中属性值符合一定要求的素

1.[属性名]选中具有某个属性的素
2.[属性名=”值“]选中包含某个属性,且属性值等于指定值的素
3.[属性名^=”值“]选中包含某个属性,且属性值等于指定值开头的素
4.[属性名$=”值“]选中包含某个属性,且属性值等于指定值结尾的素
5.[属性名*=”值“]选中包含某个属性,且属性值包含指定值的素



选中特殊状态的素

1.:link超链接未被访问的状态
2.:visited超链接访问过的状态
3.:hover鼠标悬浮在素上的状态
4.:active素激活状态
5.:focus获取焦点



1.:first-child 所有兄弟素中的第一个
2.:last-child所有兄弟素中的最后一个
3.:nth-child(n)所有兄弟素中的第n个
4.: first-of-type所有同类型兄弟素中的第一个
5.:last-of-type所有同类型兄弟素中的第一个
6.nth-of-type(n)所有同类型兄弟素中的第n个




关于n的值
1.0或不写
2.n
3.1~正无穷的整数:选中对应序号的子素
4.2n或even:选中偶数序号的子素
5.2n+1或odd
6.-n+3:选中前三个





:not(选择器)排除满足括号中条件的素

1.:checked被选中的复选框或单选按钮
2.:enable 可用表单素(没有disabled属性)
3.:disabled 不可用的表单素(有disabled属性)

:target 选中锚点指定素

:lang()根据指定的语言选择素(本质是看lang的值)

选中素中的一些特殊位置
1.::first-letter 选中素中第一个文字
2.::first-line选中素中第一行文字
3.::selection选中被鼠标选中的内容
4.::placeholder选中输入框中的提示文字
5.::before在素最开始的位置,创建一个子素(必须使用content属性指定内容)
6.::after在素最后的位置,创建一个子素(必须使用content属性指定内容)





直接写颜色名对应英文单词

r:红色
g:绿色
b:蓝色
a:透明度
color: rgb(0,0,0);



每一位数字取值范围:0~f,即(0.1.2.3.4.5.6.7.8.9.a.b.c.d.e.f.)

color: #000000

HSL通过:色相(0-360度),饱和度(0%~100%),亮度(0%-100%)
格式:hsl(色相,饱和度,亮度)
hsla添加了透明度

今天的文章 2026年富文本框和文本框有什么区别(富文本输入框)分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2026-03-11 10:06
下一篇 2025-09-17 09:40

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/52540.html