CSS介绍-笔记
网页背景描述:
外部样式表文件(另外建一个新的.css文件):
h1{
color: pink;
/* background-color: aqua; */
font-size: 20px;
}
css使用方式:
/* css代码 */
/* h1 匹配页面中所有的h1标签 统一添加样式 */
h1{
color: green;
background-color: aqua;
}
hello world
元素得显示方式:
span{
/* display 设置元素的显示方式 */
/* block 块元素 独占一行 能设置宽高 默认占父元素100%的宽度 */
/* inline 行内元素 可以和其他元素在同一行显示 不能设置宽高 大小由内容决定 */
/* inline-block 行内块 可以设置宽高 也能够和其它元素在同行显示 */
/* none 隐藏元素 */
display: none;
}
form表单:
get:将数据通过查询字符串的方式拼接在地址上发送给服务器
key=value&key=value… 查询字符串
限制:数据在地址栏上有格式要求 不能写特殊符号
大小不能2KB
明文显示 保密性差
post:将数据通过请求主体发送给服务器
key=value&key=value…
没有大小限制 没有格式限制 保密性较好
选择器:
伪类选择器:
选择器的优先级:
尺寸和颜色单位:
- 选择器的优先级**
使用选择器为元素设置样式,发生样式冲突时,主要看选择器的权重,权重越大,优先级越高
| 选择器 | 权重 |
| ------------ | ---- |
| 标签选择器 | 1 |
| (伪)类选择器 | 10 |
| id选择器 | 100 |
| 行内样式 | 1000 |