- 阅读权限
- 255
- 威望
- 1 级
- 论坛币
- 84520 个
- 通用积分
- 11306.8831
- 学术水平
- 666 点
- 热心指数
- 821 点
- 信用等级
- 732 点
- 经验
- 398874 点
- 帖子
- 16369
- 精华
- 0
- 在线时间
- 3321 小时
- 注册时间
- 2016-7-9
- 最后登录
- 2024-6-4
大师
还不是VIP/贵宾
- 威望
- 1 级
- 论坛币
- 84520 个
- 通用积分
- 11306.8831
- 学术水平
- 666 点
- 热心指数
- 821 点
- 信用等级
- 732 点
- 经验
- 398874 点
- 帖子
- 16369
- 精华
- 0
- 在线时间
- 3321 小时
- 注册时间
- 2016-7-9
- 最后登录
- 2024-6-4
| 开心 9 小时前 |
---|
签到天数: 2536 天 连续签到: 2 天 [LV.Master]伴坛终老
|
经管之家送您一份
应届毕业生专属福利!
求职就业群
感谢您参与论坛问题回答
经管之家送您两个论坛币!
+2 论坛币
CSS应用方法:
- 行内声明,通过style属性(适用于少数几行HTML需要)
- 内嵌声明,在head内,使用<style>标记。麻烦之处在于仅在当前HTML页面有效
- 链接外部样式文件
- <link rel="stylesheet" type="text/css" href="path/file.css">
- 导入外部样式文件 <head> <style type="text/css"> <!-- @import "path/file.css"; --> </style> </head>
- 两者差别,前者是HTML标记,可用JavaScritp语法控制,后者是CSS语法
- 前面的三种方式都可以串接混合使用
认识CSS选择器
- 标记名称;
- 全局选择器(*);
- 类(Class)选择器
- Id选择器
- 属性选择器
标记名称:就是 类似于 div{属性} 的设置,会将所有相同的标记都应用同一种样式
全局选择器: 用*字符来选择所有标记 ????
Class选择器:HTML标记里,要加入class属性。定义class使用.class名 { ....} 方式
如果希望仅在某一种标记上应用Class选择器的样式,可以在Class选择器前加上标记
即: 标记.class类名{ 样式列表 }
Id选择器:必须在标记中,加入ID属性。ID名称是自己命名的,以#id属性名 { 样式列表 } 定义
Id选择器通常用来识别组件,就像组件的身份证一样,尤其是利用像JavaScript之类的动态网页语法来控制HTML组件。在同一份HTML文件中,id名称必须唯一
属性选择器:属于高级筛选,用来筛选标记中的属性
如:指定超链接<a>的背景颜色为黄色,仅应用于有target属性的组件
a[target] { background-color:yellow; }
属性选择器,有6种筛选方式:
[atrribute="value"] 属性等于value
[atrribute~="value"] 属性包含完整value
[attribute|="value"] 属性等于value或者以value开头
[attribute^="value"] 属性开头有value
[attribute$="value"] 属性最后有value
[attribute*="value"] 属性中出现value
反向选择 :not (p) { color: red; } 整个文件中除了<p>标记外,其他标记都用同一样式。
扫码加我 拉你入群
请注明:姓名-公司-职位
以便审核进群资格,未注明则拒绝
|
|
-
总评分: 论坛币 + 100
学术水平 + 3
热心指数 + 3
信用等级 + 3
查看全部评分
|