css简单入门

                                                                      

 

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;

 

上一篇:前端每日实战:103# 视频演示如何用纯 CSS 创作一只监视眼


下一篇:前端每日实战:140# 视频演示如何用纯 CSS 创作文本的淡入动画效果