标签名：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添加了透明度
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/bcyy/74142.html