周仁敏-20201028

知识总结

 (回顾)表格:表格的行列合并
                   表单:action  method
                             input  type name value数据回显 submit提交按钮 img按钮
      (今日学习) css3.0:层叠样式表->修饰网页
                           选择器=>镜子:精确选中修饰的目标
                           常用的选择器:0、通用择器
                                                       margin:0;/*外边距*/
                                                       padding:0;/*内边距*/
                                                       border:0;/*边框*/
                                                  1、类选择器
                                                      1/*类选择器*/
                                                      2.box
                                                      3 width:300px;
                                                      4 height:200px;
                                                      5 backgroud-color:red;
                                                  2、标签选择器
                                                      1/*标签选择器*/
                                                      2 width:400px;
                                                      3 height:200px;
                                                      4 backgroud-color:#11aabb;
                                                  3、标签选择器
                                                      1/*id选择器*/
                                                      2.#box
                                                      3 width:400px;
                                                      4 height:200px;
                                                      5 backgroud-color:#123;      
                                                  4、后代选择器
                                                      1/*后代选择器*/
                                                      2.box ul li;(p标签不好使)
                                                      3 color:friebrick;     
                                                  5、伪类选择器(鼠标悬停状态hovre)
                                                      1/*伪类选择器*/
                                                      2.a:hover
                                                      3 text-decoration:(取消下划线)                                          
                                                 
 新建css不用style                           
<link rel="stylesheet" href="css/style.css"/>
<div class="box"></div>
<div class="box1"></div>
<h1 class="box"></h1>
<div class="box"></div>
<h1></h1>
<h1 class="box"></h1>
类选择的优先级高于标签选择器
<span></span>
<span></span>
<p class="box"id="box"></p>
id高于类 类高于标签
<li>XX</li>
<li class="text">XX</li>
<li id="text">XX</li>
.text也可以
#text
<p class="box"="box"></p>
<a href="#">百度一下</a>
.box:hover
       background:sienna:(搭配类)
       (下午) 修饰字体文本的常用样式
                                                         <div class="box">
     .box
          width:400px;    
          height:300px
          border:1px #000000 solid;
      div
          color:red;/*修饰字体的颜色*/
          font-size;30px;/*修饰字体大小*/
          font-family;"宋体"/*字体类型*/
          font-style;italic;/*字体的样式*/
          font-weight:bold;/*字体加粗*/
          letter-spacing:5px;/*字体间距*/
          text-align:center;/*对齐方式*/
          line-height;300px;/*行高*/
          text-decoration:overline(上划线);/*文本划线*/
                                    underline(下划线)
                                    line-through(划错) 
          text-shadow:2px (水平)2px(垂直) 3px(模糊) yellow;/*字体阴影*/ 
          text-indent;2em;/*首行缩进*/                       
          
div
      baxkground-color:red;/*背景颜色*/
      baxkground-image:url(../img/icon.jpg);  /*背景图片*/  
      background-size:/cover; /*对比图片的大小*/      
      baxkground-size:300px 300px;   
      baxkground-repeat-x;/*背景图片平铺*/
      baxkground-attachment:fixed;/*背景图片固定*/
      baxkground-position:-100px 0; /*背景图片平移*/  
       

color:#0000ff;
            什么数都可以
            rgb(255,0,0)
            rgba(0,255,255,1)(透明度)


学习心得
今天的实训听的很认真,不过今天的内容感觉挺难的,但是当我自己打了一遍其实也没有那么难,其实自己动手
打一遍真的很有效果,早上讲了好几个选择器,下午讲了很多修饰字体文本的常用样式,只要自己过一遍就会明白哪
里出错,最终自己也会发现原因,然后更改自己的错误,一个空格都会使整个出错,希望明天的实训我依然可以像今
天这样。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1