**Blog for the second web front end
**`
body{
width: 1000px;
margin: 0 auto;
}
ul,ol{
list-style-type: none;<-!取消样式–>
}
p{
border: 1px solid red;
}
input[disabled]
{
cursor: not-allowed;
}
a:hover{
background: blue;
color: #fff;
}
html中应用css的三种方式
- 文档内样式代码
- 元素的行内样式,元素的style,代码复用率低
- 外部样式文件,link
- group
css基本语法
- selector declaration-block
- selector-group declaration-block
css选择器
- 简单选择器(type class id)
- 属性选择器
属性选择器
- 上下文选择器
e1 e2
e1>e2
e1~e2
e1+e2- 伪类选择器
结构化的伪类选择器
e:first-child
e:last-child
e:nth-child(n)
ui伪类选择器
a:visited 访问过加样式
a:link
e:hover 拥有交互效果的加样式
a:focus 获得焦点时加样式
e:checked 按钮被选中时有效果
a:active 元素被激活时加样式
e:target 元素是一个文档类链接加样式- 伪元素选择器
e::first-letter 取首字符
e::first-line 取首行
e::before
e::after</ul> <br> <label for=""> 留言:<input type="text" disabled> </label>