Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
View all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
Accelerator
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Type
/
to search
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
Uh oh!
There was an error while loading.
Please reload this page
.
Information-Flow-Experiments
/
notes
Public
forked from
JavaDevTeam/notes
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Pull requests
0
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Pull requests
Actions
Projects
Security and quality
Insights
Files
Expand file tree
master
Breadcrumbs
notes
/
HTML
/
CSS.css
Copy path
Blame
More file actions
Blame
More file actions
Latest commit
History
History
History
73 lines (68 loc) · 1.76 KB
master
Breadcrumbs
notes
/
HTML
/
CSS.css
Copy path
Top
File metadata and controls
Code
Blame
73 lines (68 loc) · 1.76 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
层叠样式表
层叠
-
-
就层次
样式表
-
-
有属性值
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
四种关联(html)方式
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
1
,
在每个html标签上都有一个style属性
,
通过这个属性就可以把css的属性加入标签
<h1 style
=
"background-colorL:red;color:green"
>
案例1<
/
h1
>
属性跟属性值直接用
:
分隔
属性与属性之间用;分隔
2
,
写在<head
>
<
/
head
>
标签之间 【优先级最高】
<head
>
<style type
=
"text/css"
>
....
css
代码区域
<style type
=
"text/css"
>
<
/
head
>
3
,
在<head
>
<style type
=
"text/css"
>
<
/
style
>
<
/
head
>
标签之中引入 [某些浏览器可能不支持]
<head
>
<style type
=
"text/css"
>
@import
url(文件路径);
<style type
=
"text/css"
>
<
/
head
>
4
,
使用头部标签<link
>
引入外部css文件 [良心推荐]
<link rel
=
"stylesheet"
type
=
"text/csss"
href
=
"文件路径"
/
>
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
关于选择器
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
1
,
关联选择器
div p{
css代码
}
<div
>
<p
>
<
/
p
>
<
/
div
>
2
,
组合选择器
把不同的标签
,
设置成相同的样式
div
,
p{
css 代码
}
<div
>
<
/
div
>
<p
>
<
/
p
>
3
,
伪类选择器
伪类
:
其实根本就不是元素
,
在css里面
,
提供了一些定义好了的样式
,
可以直接使用
a
:
link{
点击之前
}
a
:
hover{
鼠标指向
}
a
:
active{
鼠标点击
}
a
:
v
is
ited{
点击之后
}
去除a标签下划线
a{
text
-
dec
or
ation
:
none;
}
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
盒子模型
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
外边距
:
margin
内边距
:
padding
边框
:
b
or
der
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
漂浮布局
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
CSS
布局漂浮属性
float(漂浮)
none
:
默认值
,
不漂浮
left
:
文本流向着对象右边
right
:
文本流向着对象左边
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
定位布局
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
position
static
:
默认值
,
遵循html的基础的定位规则
absolute
:
把对象从文档流中拖出
,
使用left
,
right
,
to
p
,
bot
to
m等属性对其进行绝对定位
relative
:
对象不可层叠
,
但将依据left
,
right
,
to
p
,
bot
to
m等属性在正常文档流中偏移位置
>
他使用属性进行定位之后
,
他原来的位置是不会被其他元素占领
,
他在文档流中的位置还在
You can’t perform that action at this time.