Html+Css学习第二天

<embed>标签：播放flash动画 ， src="url"

<select>标签： multiple属性    实现多选。

                 <option   vlue=" 选项值1" > 选项1  </option>

                  <option   vlue=" 选项值2" > 选项2  </option>......

           <option vlue="xx" selected=" selected"> xxx <option>  加上 selected 为默认选项  

<lable  for="控件的ID 值">       </lable>  

CSS:

        样式的优先级：           内联样式  >  嵌入样式  >  外部样式     

    

  标签选择器   标签

  ID选择器   #..

  

类选择器  类名....

    类选择其中的 子选择器  ：        还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

                             .first>span{border:1px  solid  red;}

                                                    <p class="first">三年级时，<span>我还是一个<span>胆小如鼠</span>的小女孩</span>，

                                                  上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。

                                                     学校举办的活动我也没勇气参加。</p>

 子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

                           >作用于元素的第一代后代，空格作用于元素的所有后代

 

             *  {

 css值    意味作用于所有 }

 

             a:hover{    }  固定组合   伪类选择器，允许给不存在的标签（标签的某种状态）设置样式。

  solid ： 实线

CSS中的继承性

   （border:1px solid red ;   不具备继承性 ）

例如 ： p标签 里面的小标签 就具备继承性。 

CSS中的权限值：

ID选择器权限值 > 类选择器权限值 >标签选择器权限值 （继承的权限值最低。）

层叠   是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

         内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

重要性： ！important

  加上这个之后，css样式将不会被覆盖掉。 eg:  p{ color:blue !important;}

                                                                             p{ color:red;} 

                                                                                  加上!important 之后 ，它的权限制最高。

         注意：!important要写在分号的前面

CSS中的排版问题：

     段落缩进：  text-indent: 2em ; 缩进2个字符。（注意：2em的意思就是文字的2倍大小。）

        行间距：  line-height: 1.5em ; 1.5倍的行间距。

       设置文字间隔（字母间隔）  可采用 letter-spacing 

       设置 英文单词之间的间距    可采用  word-spacing