Blog for the second web front end

**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

1. 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>
  

`