本文介绍了CSS在网页设计中的应用，包括外部样式表的创建、元素显示方式的设定及表单的get和post方法。重点讲解了选择器、伪类选择器的选择器优先级，并阐述了尺寸和颜色单位。此外，还探讨了CSS如何解决样式冲突问题。
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 |
1228
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
