css简单,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;

标签：元素,last,入门,awesome,child,nth,简单,选择器,css

来源： https://www.cnblogs.com/mobuneng/p/12005778.html