【无标题】

第三周自学内容

一、CSS高级选择器

• 后代选择器 "选择器1(父级) 选择器2(后代级){样式声明}"来单独使2中的内容改变样式
• 子元素选择器 "选择器1(父级)>选择器2(亲子级){样式声明}"选择的内容为最近一级的元素
• 并集选择器 "元素1,元素2{样式声明}"常用于集体声明，任何选择器都可以作为并集选择器中的一部分，最后一个选择器不需要加
  下图为效果下图为并集选择器及其效果在这里插入图片描述

二、伪类选择器

• focus伪类选择器 "input:focus{样式声明}"选取获得焦点的表单元素，焦点就是光标，一般来说input表单中才能获取
  下图为点击后的效果
  

• 超链接伪类选择器 a:link–未被访问的链接；a:visited–已被访问的链接；a:hover–鼠标指针位于上方的悬停；a:active–链接被点击的时刻
  

三、背景、阴影、圆角边框

• 背景添加顺序依次为background:颜色 图片 repeat
  
  
  下图为background-repeat属性的代码

• 圆角：使用border-radius后设置px即可得到圆角外边框盒子，使用百分比说明是对应盒子宽度来设置半径的，矩形可设置为高度的一半，后接四个值并且按照顺时针方向对应四个角

• 盒子阴影
  默认为外阴影outside不能出现，影子不占用空间
  

• 文字阴影
  
  下图为代码