css
CSS
要求：看懂
CSS是层叠样式表（Cascading Style Sheets）：用来定义网页的显示效果。
html代码展示数据，css如何展示，以什么形式展示。
HTML与CSS结合
1 内联：每一个标签提供style属性，进行样式的设置。
例如：<body
style="...">
优缺点：该方式比较灵活，但是对于多个相同标签的同一样式定义比较麻烦，适合局部修改。
2 内部：HTML代码中
嵌入方式：<head><style
type="text/css">...css代码
引用方式：<head><style
type="text/css"> @import url("css文件的位置") ---不常用
3 外部：HTML之外，以单独文件形成存在
CSS文件，就是一个普通的文本，扩展名为css
格式：<link rel="stylesheet"
type="text/css" href="文件位置">
使用优先级：内联 > 内部 > 外部 >
浏览器默认
总结：由上到下，由外到内。优先级由低到高
格式：
选择器名称
{
属性名称：属性值;
属性名称：属性值;
....
}
CSS选择器
1 标签名：通过html标签的名称进行样式添加
例如：body{ ... }
2 class
选择器：通过html标签的class属性进行样式添加
格式：.选择器名称{ ... }
例如：.hello {
.... }
3 ID选择器：通过html标签的id属性进行样式添加
格式：#选择器名称{ ...
}
4 派生选择器：依据元素在其位置的上下文关系来定义样式
格式：p s{...}
5
组合选择器：多个不同选择器使用相同样式
格式：选择器1 ,选择器2,...{}
常用属性：
字体
文本
color:
#f00;
text-align: left; / 对齐方式：left、center、right
/
text-decoration: underline; / 下划线 /
背景
...
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
