CSS3 2D转换CSS3 3D转换CSS3 过渡CSS3 动画 CSS3 的四大金刚. 想要实现酷炫的视觉效果,上面4个是必须要掌握的.学习之前,先复习一下 视觉盛宴的前菜 :a标签的伪类选择器 铛  铛  ,抬头看黑板,先划重点: **注意点: 1.a标签的伪类选择器可以单独出现,也可以一起出现.如果一起出现,有严格的顺序要求. 编写可以遵循 爱恨原则 -  love  hate     (Link   visited  hover  active ) 以下是全部代码: <!DOCTYPE…
一.a标签的伪类选择器 1.通过观察可以发现a标签存在一定状态 (1)默认状态,从未被访问过 (2)被访问过的状态 (3)鼠标长按的状态 (4)鼠标悬停在a标签上的演示 2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式. a:link{} 用来修改默认的样式 a:visited{} 用来修改被点击过之后的样式 a:active{} 用来修改被鼠标长按时的状态 a:hover{} 用来修改鼠标悬停在a标签上面时的状态. <!DOCTYPE html> <…
<!DOCTYPE html>< html>< head>     <meta charset="utf-8" />     <title></title>     <style type="text/css"> /*css中超链接正常的设置顺序.*/ /*未被访问过的链接,文字显示为黑色.*/ /*当四个伪类选择器对同一超链接标签a起作用时,只有浏览器记录中没有访问过该超链接的记录…
一:边界圆角 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>边界圆角</title> <style type="text/css"> .box { width: 200px; height: 200px; background-color: orange; } /*单角设置*/ .box { /*一个固定值:…
一.HTML中的行级标签和块级标签 块级标签 常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd 1.独占一行,不和其他元素待在同一行2.能设置宽高3.如果不设置宽高,默认为body100%宽度 行级标签 常见的行级标签:a,span,strong,u,em 1.能和其他元素待在同一行2.不能设置宽高3.宽高 是内容的宽高 行内块标签 常见的行内块标签:img,input,textarea1.能和其他元素待在一行2.能设置宽高 span默认是不能设置宽高的,但是设置了displ…
1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态 2.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的 3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :active 修改鼠标长按状态下的样式 4.注意点4.1a标签的伪类选择器可以单独出现也可以一起出现4.2a标签的伪类选择器…
a标签的伪类选择器 1.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的. 2.格式: 1):link 修改从未被访问过状态下的样式. 2):visited 修改被访问过的状态下的样式. 3):active 修改鼠标长按状态下的样式. 4):hover 修改鼠标悬停在a标签上状态下的样式. 3.注意点: 1)a标签的伪类选择器可以单独出现也可以一起出现. 2)a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守 爱恨原则---love hat…
一.a标签的伪类选择器注意点 (1)a标签的伪类选择器可以单独出现,也可以一起出现.也就是可以设置多个状态的样式. (2) a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守原则: (love\hate原则,即link\visited\hover\active)默认状态.被访问后的状态.悬停状态.长按状态 (3)如果默认状态的阿燕是和被访问过的状态的样式一样,那么可以缩写为 a{ color:颜色;},后面写了另外两种状态​也是不影响的. 二.快捷键 (1)ul>(li>…
1.类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式.比如: 结果如下: 标题背景未变 2.伪类选择器 类选择器和伪类选择器的区别在于,类选择器我们定义的,而伪类选择器是CSS中已经定义好的选择器. 最常见的伪类选择器 a:link{ color: #ff6600 } /* 未被访问的链接 */ a:visited{ color: #87b291 } /* 已被访问的链接 */ a:hover{ color: #6535b2 } /* 鼠标指针移动到链接上 */ a:active…
11.3 css 11.31 基本选择器 11.311 id选择器 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1 {color: red;} 引用id一定要加# #p2…