WEB前端第十四课——应用及测试

知识点摘记

1.display属性,规定元素应该生成的框的类型

  none,此元素不会被显示

  block,此元素将显示为块级元素,元素前后会带有换行符

  inline,默认值,此元素会被显示为内联元素,元素前后没有换行符

  flex,指定元素为弹性盒子

  inline-block,此元素将会显示为行内块级元素

  list-item,此元素会作为列表显示

  run-in,此元素会根据上下文作为块级元素或内联元素显示

  table,此元素会作为块级表格元素显示(类似

),元素前后有换行符

  inline-table,此元素会作为内联表格元素显示(类似

),元素前后没有换行符

  table-row(表格行)、table-column(单元格列)、table-cell(表格单元格)……

2.设置网页title图标,

3.引用图片并设置超链接,<img src="图片url" alt="">

4.加载时文本框内提示文字设置,,默认值设置通过 value属性

5.text-align文本对齐方式,

  text-align属性值:left(文本左对齐,默认值)、right(文本右对齐)、center(水平居中)、justify(两端对齐)

6.text-align-last文本最后一行对齐方式

  text-align-last属性值:auto(默认值,最后一行被调整并左对齐)、left(最后一行左对齐)、right(最后一行右对齐)、center(最后一行水平居中)、justify(最后一行两端对齐)

7.position属性值:

  static,没有定位,元素出现在正常的内容流中,忽略top、right、bottom、left或 z-index 的声明

  relative,相对定位,相对于其在父元素中的正常位置进行定位,通过top、right、bottom、left属性进行偏移量设置

  absolute,绝对定位,相对于static以外的第一个父元素进行定位,通过top、right、bottom、left属性进行偏移量设置

  fixed,固定定位,相对于浏览器窗口进行定位,通过top、right、bottom、left属性进行偏移量设置

8.图片设置

  background-image:url(" "),引用背景图片

  background-repeat:no-repeat,背景图片仅显示一次,不重复(平铺)

  background-position:center,背景图片在元素中居中显示

9.animation

  keyframes

10.cursor,定义光标样式,语法格式 文本或其它页面元素

  常用属性值:

  cursor:point,手形(IE5之前版本使用 cursor:hand)

  cursor:default,默认值

  cursor:crosshair,十字准心

  cursor:wait,等待/沙漏

  cursor:progress,处理中

  cursor:help,帮助

  cursor:url(" "),用户自定义(可用动画),url 地址文件的格式必须为“ .cur 或 .ani”

  cursor:*-resize,**改变大小

11.模拟Gionee官网创建网页




    
    金立手机官网—金立手机及配件官方正品专卖网站_金立全面全面屏s11新品首发
      
    



    
    

明星产品

热卖推荐

…更多…

金立K3

5000mAh大电池,微Q八开

¥999

S10C

1600万柔光自拍

¥1399

大金钢2

6.0英寸高清全面屏

¥1799

金钢3

5.5英寸高清全面屏、4000mAh大电量

¥1199

金立M6S Plus

6020mAh超级续航、骁龙八核处理器

¥3299

金立S9

双摄柔光自拍、5.5英寸1080P高清屏

¥1699

  

你可能感兴趣的:(WEB前端第十四课——应用及测试)