美文网首页
第二次作业

第二次作业

作者: 9妹9妹 | 来源:发表于2017-01-22 22:25 被阅读0次

1.什么是css语法?

        CSS=选择器+{声明1;声明2;}

2.列举常见的css选择器?

        html选择器  a{},p{}
        class选择器   .title{}
        id选择器   #user{}
        通用选择器  *{}

3.background属性如何简写?

     复合样式 
     background:url(img/2.jpg) #f7f7f7 no-repeat  fixed 20xp 30xp;

4.文本的属性有哪些?请写出font的复合式写法?

    文本属性:
                  font-size:文字大小
                  font-weigh: bold  /  normal  文字是否加粗
                  font-style:  italic / normal    文字是否倾斜
                  font-height:    文字行高(文字在一行上下居中)
                  font-family:"字体样式"  字体
                  color:red; 颜色
                  text-indent:1em  首行缩进(1em=一个文字大小)
                  text-align:left/center/right  文本对齐方式
                  text-decoration:underline(下划线)/line-through(删除线)/overline(上划线)/none(无修饰)
                  letter-spacing:5px;字母间距(字间距)默认字与字之间有1px
                  word-spacing:10px; 词间距(空格算字符,字体不一样空格所占字符数不一样)
      font的复合样式:
        font: font-weight font-style font-size/line-height font-family;
        其中font-size font-family必须写

5.text-indent有什么作用?

       表示首行缩进  1em=1个文字大小

6.超链接a标签的作用有哪些?

        <a href="页面地址">  div </a>点击后直接跳转页面
        <a href=''压缩包路径"> div </a> 点击后直接下载压缩包
         <a href="#div1"> div1</a> 点即之后直接跳转到每个id所在的位置
         target="_blank" 在新窗口打开
         target="_self" 在当前窗口打开

7.a标签默认样式是什么?

        <a text-decoration:underline> </a>
         a标签的默认样式存在下划线 a标签默认不换行

8.什么是盒模型?盒模型包括什么?

        CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
盒模型
        盒模式包括: margin border padding content 

9.padding和margin的区别?

        padding是内填充,在元素的边框以内,内容之外,padding同样显示元素的背景
        margin是外边距,在元素的边框值外,不显示元素的背景

10.什么是margin叠加?什么是margin传递?

        margin叠加:
        <style>
        #box{width:200px;height:200px;background:red;margin:30px;}
        #div{width:200px;height:200px;background:blue;margin:40px;}
        </style>
        </head>
        <body>
        <div id=" box"></div>
        <div id="div"></div>
        </body>
        margin叠加相邻俩个元素的上下 ,margin是叠加在一起的,取其中最大的
        

        margin传递:
        <style>
        #box1{background:red;}
        #div1{width:200px;height:200px;background:blue;margin:100px;}
        #box2{height:50px;background:yellow;}
        </style>
        </head>
         <body>
         <div id="box1"></div>
            <div id="div1"></div>
         <div id="box2"></div>
           margin传递 子元素的上下margin会传递给父级

11.列举几种常见的语义化标签?

            section 版块
            header 页面的部不或版块的头部
            footer  页面的底部或版块的底部
            nav 导航
            article 用来在页面中表示一套结构完整且独立的内容部分
                       可以用来呈现论坛的一个帖子 杂志或报纸中的一篇
                       文章 一篇博客,用户提交的评论内容,可互动的页    
                       面模块挂件等。
            aside (一班和article配合运用)
                        元素标签可以包含与当前页面或主要内容相关的引
                         用、侧边栏、广告、nav元素组,以及其他类似的
                         有别与主要内容的部分

12.常见的块元素和内嵌元素有哪些?简要说一下它们的区别?

            块元素:
               1.<div>块</div>
               2.<section>划分页面板块</section>
               3.<header>头部</header>
                4.<nav>导航</nav>
                5.<footer>底部</footer>
                 6.<article>article</aiticle>
                 7.<aside>article的附属</aside>
                 8.<ul>
                            <li>无序列表</li>
                            <li>无序列表</li>
                     </ul>
                  9.<ol>
                            <li>无序列表</li>
                            <li>无序列表</li>
                       </ol>
                  10.<dl>
                             <dt>定义列表的项目</dt>
                             <dd>   dt的展开描述</dd>
                       </dl>
                    11.<h1>标题</h1>
                          <h2>标题</h2>
                     12.<p>段落</p>
     
                内嵌:
                         1.<strong>strong</strong>  
                         2.<a href="#">链接</a>
                         3.<span>span</span>
                          4.<em>em</em>    

               块和内嵌的区别
                 块:1 独占一行
                         2 支持所有样式
                         3 不设置宽度时 宽度撑满整行
                 内嵌:1 可以在一行显示
                            2 不支持宽高 对上下的margin和padding等样式支持的有问题
                          3宽度由内容撑开
                           4 代码换行会被解析

学习总结

            我觉得我的脑子是被僵尸吃掉了..
            视频太多 看不懂的又翻来覆去的看
            信息量好大 也深深的感觉到前方的路...不好走..
            但还是要踏踏实实的走好每一步
            尽管我会走的很慢...
            这一章的知识点是很杂乱
            font的样式和特殊的复合样式
            padding和margin看了好多遍...
            至今也是有点不能理解margin..
            a链接的各种运用 路径的分析
            还有那么多的标签元素选择器优先级
            各种标签的默认样式
            我需要好好消化一下...
            但是我是不会放弃的 - - !

网友评论

      本文标题:第二次作业

      本文链接:https://www.haomeiwen.com/subject/gqjgbttx.html