CaiKanXP 2019-12-08
HTML 5 新增结构:
header:页面或者某个区域的头部
nav:导航栏
article:文章或者其他独立存在的页面
footer:脚注
aside:与周围主题相关的信息
section:整体,一部分主题
target="_blank"(在新窗口打开链接页面)
绝对路径:协议(http)//域名/目录 访问站外资源,必须用绝对链接
相对路径:../返回上一级目录
内部样式表:在head里面用style标签中写css
行内样式表:在开始标签里面接style=......进行书写
CSS的注释书写格式:/注释内容/,快捷键crtl+?
元素选择器:标记名{ 声明块 }
类选择器: .awesome{ 声明块 } 则后面有class=“awesome”的都会用到awesome里面的声明
最常用的选择器,因为他的复用
id选择器:#awesome{ 声明块 } id选择器仅能每次选择一个元素,id=“awesome".
因为它的唯一性,使用很少
伪类选择器: 格式:ol li :nth-child(4) { 选择第四个 }(从众多子集中选择特定的某一个进行修改)
nth-last-child( ): 从倒数的第n个选择
nth-last-child(odd ):选奇数
nth-last-child( even):选偶数
通配符: /所有元素/ { } 通配符使用星号表示,意思是“所有的”
会匹配所有的元素,因此针对所有元素的设置可以使用来完成,用的最多的例子如下:
*{margin:0px; padding:0px;}
这里是设置所有元素的外边距margin和内边距padding都为0。
并集方法: h1,h2, p,a{ } 只要是自己想要选择的都可以写进去
修改超链接样式方法:(LVha顺序)
a:link 未访问时
a:visited 访问后
a:hover 移入||悬停
a:active 点击时
!important 表示重要声明 格式:Color:red !important;