css-引入方式-复合选择器

引入方式
行内样式
style=“属性:属性值”
缺点:只能用于当前标签,不便维护,结构繁杂
内部样式
head里面添加style
选择器{属性:属性值;属性:属性值}
当前页面
没有实现样式与结构的完全分离
外部样式
通过link引入外部css文件

 <link  rel="stylesheet"   href="外部css文件"  />

外部的css用的多 ： 1.实现结构与样式的分离 2.实现模块化 实现公用 3.减少不必要的代码。
像素px
像素是计算机的分辨率 1366个点 --px 100px
复合选择器
后代选择器
.nav li
选择所有的子孙后代
子代选择器
.nav>li
选择亲儿子 第一级别的儿子
并集选择器
.nav,
.footer>a,
p.red,
ul li a{}
如果偶遇相同的样式 集体声明 逗号隔开
交集选择器
p.nav
这是p标签而且他的类名一定是nav
选中两个条件都必须具备的标签
链接伪类选择器
a 浏览器自带样式 如果我们给a指定样式， 就需要单独给a 从新给定样式
:link
:visited
:hover 可以给别的标签用
:active
:focus伪类选择器
当光标选中的时候的样式
input textarea