第二天

2018-10-17  本文已影响0人  赖美云

晚自习要到九点  以后十点半  好累啊

中午还不能回去睡觉

昨天上课就睡着被老师看到了...好尴尬啊

不过每天都是收获颇丰 这倒是真的

虽然之前在家已经看了h5 的很多视频

但感觉都是皮毛

今天主要讲标签和一点点css样式

行属性标签和块属性标签一定要区分的很开 

因为二者有很大的差别

行属性标签 不霸道 不会独占一行的 比如span吧  可以几个span排在一排

目前学过的行属性标签一共有

1.span  

2.sup,sub角标兄弟       这个倒是第一次听 感觉数学里面应该常用 sup上角标 sub下角标

3.a标签         这个倒是每个网页都必不可少的东西   超链接标签   但a标签不修改之前貌似不能设置                        css样式   

                   <a href="http://www.baidu.com" target="_blank">百度一下试试</a>

                   其中  href后加路径, target=_blank新网站打开  _self或者不写 在本身这里打开

                   如果网页中  哪个标签已经设置了id名的话  可以通过#某个id名    跳转到该标签置顶的                       网页部分

                    href=#  点击之后页面到顶部 jd官网就用了

                   href=###  或者href=javascript:void(0)""点击之后跳转到自身,用于还没做好的目标网页                         暂时占下位置这样子

                   另外 a标签还能实现下载  但目标不能是图片音乐视频  如果想下载这个  可以先搞成压                       缩包

4.i标签                                  斜体            

5.em标签                   斜体,带一点强调意味

6.strong标签              加粗 强调

7.q标签      小段文字引用  大段文字引用要用blockquote

今天讲了的块属性标签 

块属性标签都很霸道 即使很短  也要独占一行

1.div标签

2.h标签              标题标签

3.p标签       

4.hr标签                 分割线

5.列表标签  

无序列表 ui+li

有序列表ol+li

定义列表dl+dt+dd dt解释的东西  dd解释的话

6.address标签

7.blockquote标签    大段文字引用

8.img标签           效果相当于块元素 但可以修改尺寸  蛮奇特的

今天还讲了一点css样式

1 text-decoration  设置下划线 

  none underline overline line-through

2 text-transform 设置字体大小写

            capitalize 每个首字母都大写

             uppercase  大写

            lowercase 小写

            none 不变

3 font-variant "小型"大写字母

     normal正常

    small-caps小型的大写字母

4.text-indent 首行缩进

    px像素

   em几个字的距离

   rem几个字距离

   百分比

上一篇下一篇

猜你喜欢

热点阅读