• 当前标签:子代选择器

程序开发 H5学习之正课终于开始了。。。

等了一个月终于开始上正课了,真是坑啊! <!--定义HTML文档--> <html>      <!--如果body和head标签颠倒位置的时候能显示     但当body里面的内容非常多时会使页面显示两次-->     <!--定义文档的头部-->     <head>         <!--UTF-8国际通用编码-->         <!--charset这行代码最好放在head中的第一个标签 这样页面就不会出现乱码-->         <meta charset="UTF-8">         <!--title定义文档的标题-->         <title>CSS第一天</title>         <style>             p{                 /*设置字体颜色*/                 color: blue;                 /*设置字体大小*/                 font-size: 24px;             }             span{                 color: red;             }             /*上面的样式所有的span都会有影响*/             /*后代选择器             div span                          子代选择器             div>span             */             div span{                 color: yellow;             }         </style>     </head>     <!--body包含文档的所有内容-->     <body>         <!--p标签表示段落-->         <div>夜<span>色太</span>美</div>         <span>今夜学习html</span>         <div>我们<p>讨论<span>HTML学习的方法</span>讨论中</p></div>         <section>         <!--br换行 break的缩写-->         <!--  non breaking space 不换行空格-->         <div>我喜欢 HTML5</div>         <!--使用<br>和 来实现换行和空格(保持html的缩进对齐格式,保持html的可读性)-->     </section>     <html>     <head>         <meta charset="UTF-8">         <title></title>         <style>         </style>     </head>     <body>     </body>     </html>     </body>     <!--<实体名称指的是 <      >实体名称指的是 >-->     ♠ ♥     <!--实体编号 HTML-->     <!--十六进制-->     我喜欢你 </html> <!--保存CRLF格式时,用记事本打开换行 保存LF格式时,用记事本打开不换行-->

2017-04-05 23:50:42 57 0 0
阅读详情
  • 1
前往