第二次作业

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链接的各种运用 路径的分析
            还有那么多的标签元素选择器优先级
            各种标签的默认样式
            我需要好好消化一下...
            但是我是不会放弃的 - - !
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,737评论 1 92
  • 1.什么是css语法? CSS 语法由三部分构成:选择器、属性和值。selector {property: val...
    触发真爷们儿效果阅读 162评论 0 1
  • 1.作业 1.1什么是css语法? 答:CSS 语法由三部分构成:选择器、属性和值。CSS又名层叠样式表,选择器通...
    浩克与浩文阅读 388评论 1 1
  • 1.什么是CSS语法?css语法有三部分分别是:选择器 属性和值。选择器通常是你希望定义的HTML元素或者标签,属...
    一只大粑粑阅读 225评论 2 1
  • 1.什么是CSS语法? CSS是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS 语法由三...
    赵雪儿阅读 220评论 0 0