html和css相关的知识

1.HTML定义是什么?

    //超文本标记语言(hyper text makeup language)描述网页的一种语言,

    //不是一种编程语言,而是一种标记语言

      // 2.HTML文档的基本结构是什么?

      //头部<head>和主体<body>




 

      // 3.标签按照闭合特征怎么分类?按照换行特征又怎么分类?分别举例

      //闭合特征:闭合标签(如<p></p>)和空标签(如<input>)

      //换行特征:块级元素和内联元素

      // 4.HTML5新增语义化话标签有哪些?新增这些标签有什么使用意义?

      //<header>定义了文档的头部区域,在一个文档中可以定义多个<header>元素。它是块元素

        //<footer>定义文档页脚,它不只是页面的最底部,在文档中也可以定义多个。

          //<article>定义页面独立的内容区域,标签定义的内容本身必须是有意义且必须独立于文档的其他部分,可用在的地方:博客文章,新闻,评论等。

            //<aside>定义页面的侧边栏内容

              //<time>定义时间或日期,time标签中的datetime属性定义的时间不会被显示,但可能被其他应用使用

                //<ruby>加注释,ruby标签有两个子元素,rt注释的内容,rp是该标签不显示时显示的文字

                 //<details>用于描述文档或者文档某一部分细节,summary是details元素的标题

                  //<mark>定义带有几号的文本,它会给你想要突出显示的文本加个 背景色

                   //<nav>定义导航栏

                    //<progress>progress显示数据的进度,属性value指定当前值,max最大值,最小值0不用设置

                      //<section>section一般有两个作用,1.定义文档中的节,和div类似。2.定义文章,这时一般带有标题

                        //<video>定义视频,属性src引入资源,controls视频的控制控件

                          //<audio>该标签可定义声音,及其他的音频文件,不加controls不显示音频的控制界面

                            //<datalist>提示可能的值,datalist及其选项不会被显示出来,它仅仅是合法输入值的列表使用input元素的list属性来邦定datalist,下面选项使用option定义

                              //<embed>定义插入的内容,如插件,flash,标签中间不要加内容会显现出来

                                //<canvas>canvas画布只是个容器,你可以通过控制坐标在canvas上绘制图形,一般配合js可以实现非常复杂的动画效果

                               

      // 5.举例img标签的使用,以及img标签的常用属性

      //< img > 标签用于定义html页面中的图像,可以拥有多个属性,属性之间没有顺序,属性和属性中间均以空格分开,

      // <img src="图像url" />(img意味image,图像;src为img标签的必须属性,用于指定图像文件的路径和文件名)


 

    // 6.举例a标签的使用,以及a标签的常用属性

    // <a href="跳转目标"  target="目标窗口的弹出方式">  文本或者图像 </a>(单词a相当于anchor,锚的意思)

    // href用于链接目标的url地址,具有超链接功能;target指定链接页面打开方式,其中_self为默认值,_blank在新窗口中打开方式

    // 7.举例列表标签的使用,以及属性的使用(写出你知道的所有列表标签)

    //无序列表:<ul><li></li></ul>

    //有序列表:<ol><li></li></ol>

    //自定义列表:<dl>

      //<dt>定义项目/名字</dt>

      //<dd>描述项目/名字</dd>

      //</dl>

    // 8.举例表单与表单元素的使用,尽量列举你知道的表单元素

    //表单:表单域、表单标签、表单按钮

    //<input>表单元素;select下拉表单元素

    // 9.你能列出一个或者多个meta标签的使用方式吗?

    //<meta name="keywords" content="关于meta标签">

    //<meta name="description" content="HTML中<meta>标签如何正确使用">

    // 10.CSS定义是什么?

    //css用于设置html页面的文本内容(字体、大小、对齐方式等、图片的外形(宽、高、边框样式、边距等)

    //以及版面的布局和外观显示样式。html做结构,css做样式

    // 11.CSS引入方式有几种?分别举例

    //行内样式表(行内式)

    //内部样式表(嵌入式)

    //外部样式表(链接式)

    // 12.常见浏览器内核有哪些?对于的css前缀是什么

    //mozilla内核 (firefox,flock等) -moz;webkit内核(safari,chrome等) -webkit;opera内核(opera浏览器) -o;trident内核(ie浏览器) -ms

    // 13.尽可能多的列举你知道的选择器(例如:1.类名选择器 .some-class)

    //基础选择器:标签选择器;id选择器;通配符选择器;

    //复合选择器:后代选择器;子代选择器;并集选择器;链接伪类选择器; :focus选择器

    // 14.列举常见的设置文本样式的css属性

    //color文本颜色;text-align文本对齐;text-indent文本缩进;text-decoration文本修饰;line-height:行高;

    // 15.Css中display属性的取值分别有哪些?

    //none 此元素不会被显示。

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

    //inline-block 行内块元素



 

    // 16.Css中表示颜色的方法有哪些?分别解释下

    //color_name:规定颜色值为颜色名称的颜色(比如 red)

    //hex_number:规定颜色值为十六进制值的颜色(比如 #ff0000)

    //rgb_number:规定颜色值为 rgb 代码的颜色(比如 rgb(255,0,0))

    // 17.描述下盒子模型是设计到的css属性有哪些?分别解释下含义

//border:边框;content内容;padding:内边距;margin:外边距;

    // 18.浮动属性怎么设置,以及如何清楚浮动?

    //css的浮动是float属性,该属性没有继承性,默认值为none,该属性有四个值:right:向右浮动;left:向左浮动;none:没有浮动;inherit:规定继承父元素的浮动

    // 19.Css中的自定义动画与过渡动画如何设置,分别举例

    //过渡动画:它就是transition,所谓的过渡效果,指的就是以动画的形式慢慢演化样式属性变化的过程;(transition: transition-property(需要过渡的属性) transition-duration(过渡的时间)  transition-timing-function(过渡的方式)  transition-delay(延迟的时间) )

    //自定义动画:

    // 20.详细列举下transform属性的使用

    //Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜,透视等

    // 21.详细列举下css中定位的使用

    //static定位(普通流定位) ;float定位(浮动定位)例:float:left;relative定位(相对定位) position:relative;absolute定位(绝对定位) position:absolute;

   

      // 22.你是怎么理解viewPort的,相关的meta标签如何设置

      //viewport 是用户网页的可视区域。<meta name="viewport" content="width=device-width, initial-scale=1.0">

      // 23.简单解释下em/rem/vw/vh这几个单位

      //em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN

      //rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其出初始字体大小——MDN

      //vw : 视口宽度的 1/100;vh :视口高度的 1/100 —— MDN


 

      // 24.flex布局中实现爸爸div(class=’baba’)中子项垂直方向对齐,水平方向均匀分布(空白在内部)的代码是什么

//       <!DOCTYPE html>

// <html lang="en">

// <head>

//     <meta charset="UTF-8">

//     <meta http-equiv="X-UA-Compatible" content="IE=edge">

//     <meta name="viewport" content="width=device-width, initial-scale=1.0">

//     <title>Document</title>

//     <style>

//         .baba {

//             display: flex;

//             width: 500px;

//             height: 500px;

//             align-items: center;

//             justify-content: space-between;

//             flex-direction: row;

//             /* margin-top: 0; */

//         }

//         .one {

//             width: 150px;

//             height: 150px;

//             background-color:green;

//         }

//     </style>

// </head>

// <body class="baba">

//     <div class="one">1</div>

//     <div class="one">2</div>

//     <div class="one">3</div>

// </body>

// </html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值