标签:元素 last 入门 awesome child nth 简单 选择器 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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。