生软今天解散了吗
生软今天解散了吗

HTML、CSS基础内容

1. 浏览器页面有哪三层构成？分别是什么？作用是什么？
构成：结构层、表示层、行为层。
分别是：HTML、CSS、JavaScript
作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。
2. HTML5的优点与缺点
优点：a. 网络统一标准。HTML5本身是由W3C推荐的。
b. 多设备、跨平台。
c. 即时更新
d. 提高可用性和改进用户的友好体验
e. 有几个新的标签，这将有助于开发人员定义重要的内容
f. 可以给站点带来更多的多媒体元素
g. 可以很好的代替Flash和Silverlight
h. 涉及到网站的抓取和索引的时候，对于SEO很友好
i. 被大量应用于移动应用程序和游戏
缺点：a. 安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket这样的功能很容易被黑客利用，来盗取用户的信息和资料。
b. 完善性：许多特性各浏览器的支持程度也不尽相同。
c. 指数门槛：HTML5简化开发者工作的同时也代表了有许多新的属性和API需要开发者学习，像web worker、web storage、web socket等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战。
d. 性能：某些平台上的引擎问题导致HTML5性能低下。
e. 浏览器兼容性：最大缺点，IE9以下的浏览器几乎全军覆没。
3. 关于HTML文件开头的doctype，以及严格模式与混杂（怪异）模式
(1). 每个HTML文件里开头都有个重要的东西，Doctype，其作用是告知浏览器文档使用哪种HTML或XHTML规范。（重点：告知浏览器按照何种规范解析页面）
(2). 严格模式的排版和JS运算是以该浏览器支持的最高标准运行。
(3). 在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
(4). Doctype不存在或格式不正确会导致文档以混杂模式呈现。
4. 常见的浏览器即其内核
IE：trident内核
Firefox：gecko内核
Safari：webkit内核
Opera：以前是presto内核，现已改用Google Chrome的Blink内核
Chrome：Blink（基于webkit，Google与Opera Software共同开发）
5. 什么是浏览器内核
浏览器内核主要分成两部分：渲染引擎（Layout Engineer或Rendering Engine）和JS引擎。
渲染引擎：负责取得网页内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算机网页的显示方式，然后会输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有所不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核。
JS引擎：解释和执行JavaScript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
6. cookies、sessionStorage与localStorage的区别
sessionStorage和localStorage是HTML5 Web Storage API提供的，可以方便的在web请求之间保存数据，有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。
sessionStorage、localStorage与cookies都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。
sessionStorage是在同源的同窗口（或tab）中始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一个页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时“独立”打开不同的窗口，即使是同一页面，，sessionStorage对象也是不同的。
cookies会发送到服务器端，其余两个不会。
主要区别：
(1) Cookies:

  • 每个域名存储量比较小（各浏览器不同，大致4k）
  • 所有域名的存储量有限制（各浏览器不同，大致4k）
  • 有个数限制（各浏览器不同）
  • 会随请求发送到服务器
    (2) LocalStorage:
  • 永久存储
  • 单个域名存储量比较大（推荐5m，各浏览器不同）
  • 总体数量无限制
    (3) SessionStorage:
  • 只在Session内有效
  • 存储量更大（推荐没有限制，但是实际上各浏览器也不同）
    7. iframe有哪些缺点
  • iframe会阻塞主页面的Onload事件；
  • iframe和主页面在、共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载；
    如果要使用iframe，最好是通过JavaScript动态给iframe添加src属性，这样可以绕开以上两个问题。
  • 搜索引擎的检索程序无法解读这种页面，不利于SEO；
    8. Label的作用是什么，是怎么用的
    label标签是来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

注意：label的for属性值要与后面对应的input标签id属性值相同。
9. title和h3的区别，b与strong的区别，i与em的区别
title属性没有明确意义，只表示是个标题。h3则表示层次分明的标题，对页面信息的抓取也有很大的影响；
strong是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时，strong会重读，而b则是展示强调内容。
i内容展示位斜体，em则表示强调的文本。
自然样式标签（Physical Style Elements）: b, i, u, s, pre
语义样式标签（Semantic Style Elements）: strong, em, ins, del, code
应该准确使用语义样式标签，但不能滥用。在不确定使用哪种样式标签的时候，优先使用自然样式标签。
10. HTML5标签的用途？
a. 使Web页面的内容更加有序和规范
b. 使搜索引擎更加容易按照HTML5规则识别出有效的内容
c. 使Web页面更接近于一种数据字段和表
11. src和href的区别
src是source的缩写，用于替换当前元素，指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在位置；在请求src资源时，会将其指向的资源下载并应用到文档内，例如JS脚本、img图片和frame等元素。

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入到当前标签内。这也是为什么将JS脚本放在底部而不是头部。
href时Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加

那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式。
12. 表单的基本组成部分有哪些，表单的主要用途是什么？
组成：表单标签、表单域、表单按钮
a. 表单标签：这里面包含了处理表单数据所用CGI程序的URL，以及数据提交到服务器的方法；
b. 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、文件上传框等；
c. 表单按钮：包括提交按钮，复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
主要用途：表单在网页中主要负责数据采集的功能，向服务器传送数据。
13. 表单提交中Get和Post方法的区别？
(1) get是从服务器上获取数据，post是向服务器传送数据。
(2) get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址，用户看不到这个过程。
(3) 对于get方法，服务器端用Request.QueryString获取变量的值。对于post方法，服务器端用Request.Form获取提交的数据。
(4) get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制，但理论上，IIS4中最大两位80KB，IIS5中为100KB。
(5) get安全性低（因为传递参数值能在链接中看到），post安全性较高。
14. HTML5中如何嵌入音频？
HTML5支持mp3、wav和ogg格式的音频，下面是在网页中嵌入音频的简单示例：

14. 关于CSS的盒子模型

HTML、CSS基础内容_第1张图片
image.png

a. 标准的css盒子模型：宽度=内容的宽度+边框的宽度+内边框的宽度
b. 网页设计中常见的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)，css盒子模型都具备这些属性。
c. 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具备这些属性，所以叫他盒子模型。css盒子模型就是在网页设计中经常使用到的css技术所使用的一种思维模型。
举个例子：


则总宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距=300(width)+2 x 25(左右padding)+2 x 25(左右border)+2 x 25(左右margin)=450px，同理，总高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距=100(width)+2 x 25(上下padding)+2 x 25(上下border)+2 x 25(上下margin)=250px
15. CSS选择器的类型，举几个各自例子
类型：基础选择器、组合选择器、属性选择器、伪类、伪元素。
同一元素引用了多个样式时，排在后面的样式属性的优先级更高。
样式选择器的类型不同时，优先级顺序为：id选择器>class选择器>标签选择器。
标签之间存在层级包含关系时，后代元素会继承祖先元素的样式。如果后代元素定义了与祖先元素相同的样式，则祖先元素的相同的样式属性会被覆盖。继承的样式的优先级比较低，至少比标签选择器的优先级低。
基础选择器：

选择器 含义 实例
* 通用元素选择器，匹配任何元素 * {margin:0; padding:0;}
E 标签选择器，匹配所有使用E标签的元素 p {font-size: 2em;}
.info和E.info class选择器，匹配所有class属性中包含info的元素 .info {background:#ff0;} p.info {background:#ff0;}
#info和E#info id选择器，匹配所有id属性中包含info的元素 #info {background:#ff0;} p#info{background:#ff0;}

组合选择器：

选择器 含义 实例
E,F 多元素选择器，同时匹配所有E元素和F元素，E和F之间用逗号隔开 div,p {color:#f00;}
E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格隔开 #nav li {display:inline;}
E>F 子元素选择器，匹配所有E元素的子元素F div>strong {color:#f00;}
E+F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F p+p {color:#f00;}

属性选择器：

选择器 含义 实例
E[att] 匹配所有具有att属性的E元素，不考虑他的值。(注意：E在此处可以省略，比如"[checked]"，以下同。) p[title] {color:#f00;}
E[att=val] 匹配所有att属性等于"val"的E元素 div[class="error"] {color:#f00;}
E[att~=val] 匹配所有att属性具有多个空格分隔的值，其中一个值等于"val"的E元素 td[class~="name"] {color:#f00;}
E[att|=val] 匹配所有att属性具有多个连字号分隔(hyphen-separated)的值，其中一个值以"val"开头的E元素，主要用于lang属性，比如"en"、"en-us"、"en-gb"等等 p[lang|=en] {color:#f;}

伪类：

选择器 含义
E:first-child 匹配父元素的第一个子元素
E:link 匹配所有未被点击的链接
E:visited 匹配所有已被点击的链接
E:active 匹配鼠标已经其上按下，还没有释放的E元素
E:hover 匹配鼠标悬停其上的E元素
E:focus 匹配获得当前焦点的E元素
E:lang(c) 匹配lang属性等于c的E元素

伪元素

选择器 含义 实例
E:first-line 匹配E元素的第一行 p:first-line {font-weight:bold; color:#f00;}
E:first-letter 匹配E元素的第一个字母 .preamble:first-letter {font-size:1.5em; font-weight:bold;}
E:before 在E元素之前插入生成的内容 .cbb:before {content:" "; display:block; height:17px; width:18px; background:url(top.png) no-repeat 0 0; margin:0 0 0 -18px;}
E: after 在E元素之后插入生成的内容 a:link:after {content:"(" attr(href) ")";}

16. 列出display的值并说明他们的作用？
inline(默认值)：内联元素；
none：隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间；
block：块元素；
list-item：列表项目；
inline-block：内联块元素（CSS2）；
table：块元素级的表格（CSS2）；
inline-table：内联元素级的表格，类同于html标签

（CSS2）；
table-caption：表格标题，类同于html标签（CSS2）；
table-row-group：表格行组，类同于html标签（CSS2）；
table-column：表格列，类同于html标签（CSS2）；
table-column-group：表格列组显示，类同于html标签（CSS2）；
table-header-group：表格标题组，类同于html标签（CSS2）；
table-footer-group：表格脚注组，类同于html标签（CSS2）；
run-in：根据上下文决定对象是内联对象还是块级对象。（CSS3）；
box：将对象作为弹性伸缩盒显示（伸缩盒最老版本）（CSS3）；
inline-box：将对象作为内联弹性伸缩盒显示（伸缩盒最老版本）（CSS3）；
flexbox：将对象作为弹性伸缩盒显示（伸缩盒过渡版本）（CSS3）；
inline-flexbox：将对象作为内联块级弹性伸缩盒显示（伸缩盒过渡版本）（CSS3）；
flex：将对象作为弹性伸缩盒显示（伸缩盒最新版本）（CSS3）；
inline-flex：将对象作为内联块级弹性伸缩盒显示（伸缩盒最新版本）（CSS3）；
17. 如何居中div，如何居中一个浮动元素？
(1). 非浮动元素居中：可以设置margin:0 auto令其居中，定位，父级元素text-align:center等等；
(2). 浮动元素居中：
方法a：设置当前div的宽度，然后设置margin-left:50%; position:relative; left:-250px;其中的left是宽度的一半；
方法b：父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对左移动-50%；
方法c：position定位等等。
18. CSS中link和@import的区别？
(1). link属于HTML标签，而@import是CSS提供的；
(2). 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完后再加载；
(3). @import只在IE5以上才能被识别，而link是HTML标签，无兼容问题；
(4). link方法的样式权重高于@import的权重。
19. block、inline、inline-block的细节对比
display:block
a、block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
b、block元素可以设置width，height属性，块级元素即使设置了宽度，仍然是独占一行。
c、block元素可以设置margin和padding属性。
display：inline
a、inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
b、inline元素设置width、height属性无效。
c、inline元素的margin和padding属性，水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果；但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom都不会产生边距效果。
display：inline-block
a、简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现，之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
补充说明
a、一般我们会用display:block、display:inline或者display:inline-block来调整元素的布局级别，其实display的参数远远不止这三种，仅仅是比较常用而已。
b、IE（低版本IE）本来是不支持inline-block的，所以在IE中对内联元素使用display:inline-block，理论上IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表象。
20. 浮动元素会引起的问题以及解决办法
问题：
(1). 父元素的高度无法被撑开，影响与父元素同级的元素；
(2). 与浮动元素同级的非浮动元素会跟随其后；
(3). 若非第一给元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构。
解决办法：
使用CSS中的clear:both;属性来清楚元素的浮动可解决问题(2)(3)，对于问题(1)，添加如下样式，给父元素添加clearfix样式：

.clearfix:after{content:" "; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block;} /* for IE/Mac */

清除浮动的几种方法：
(1). 额外标签法：在元素最后添加：`

（缺点：该方法会增加额外的标签，使HTML结构看起来不够简洁。）；
(2). 使用after伪类：

#parent:after{
  content:" ";
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}

(3). 浮动外部元素
(4). 设置'overflow'为hidden或者auto
21. box-sizing属性的用法
用法：设置或检索对象的盒模型组成模式
a、boxsizing:content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width、border、padding之和，即Element width = width+border+padding，但占有页面位置还要加上margin，此属性表现为标准模式下的盒模型。
b、box-sizing:border-box：padding和border被包含在定义的width和heigth之内，对象的实际宽度等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即Element width = width，此属性表现为怪异模式下的盒模型。
22. 什么是边距折叠？
外边距折叠：相邻的两个或多个外边距(margin)在垂直方向会合并成一个外边距(margin)
相邻：没有被非空内容、padding、border或clear分隔开的margin特性，非空内容就是说元素之间是兄弟关系或者父子关系。
垂直方向外边距合并计算：
a、参加折叠的margin都是正值：取其中margin较大的值作为最终margin值。
b、参与折叠的margin都是负值：取其中绝对值较大的，然后从0位置负向位移。
c、参与折叠的margin中有正有负：先取出负margin中绝对值最大的，然后和正margin值中最大的margin相加。
23. 隐藏元素的方式有哪些？
a、使用CSS的display:none，不会占有原来的位置；
b、使用CSS的visibility:hidden，会占有原来的位置；
c、使用HTML5中的新增属性hidden='hidden'，不会占有原来的位置。
24. 页面中如何使用定位(position)
position有如下属性：
(1). static(默认值)：可以认为静态的，默认元素都是静态的定位，对象遵循常规流。此时4个定位偏移属性不会被应用，也就是使用left、right、top、bottom将不会生效；
(2). relative：相对定位，对象遵循常规流，并且参照自身在常规流中的位置通过top、right、left、right这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。
(3). absolute：a、绝对定位，对象脱离常规流，此时偏移属性参照的是离自身最近的定位祖先元素，如果没有定位的祖先元素，则一直回溯到body元素，盒子的偏移位置不影响常规流中的任何元素，其margin不与其他任何margin折叠；
b、元素定位参考的是离自身最近的定位祖先元素，要满足两个条件：第一个是自己的祖先元素，可以是父元素也可以是父元素的父元素，一直找，如果没有则选择body为对照对象。第二个条件是要求祖先元素必须定位，通俗说就是position的属性值非static就行。
(4). fixed：固定定位，与absolute一致，但偏移定位是以窗口为参考。当出现滚动条时，对象不会随着滚动。
(5). center：与absolute一致，但偏移定位是以定位祖先元素的中心点为参考。盒子在其包含容器垂直水平居中。（CSS3）
(6). page：与absolute一致，元素在分页媒体或者区域块内，元素的包含块始终是初始包含块，否则取决于每个absolute模式（CSS3）
(7). sticky：对象在常态时遵循常规流。他就像是relative和fixed的结合体，当在屏幕中时按照常规流排版，当卷动到屏幕外时则表现如fixed/该属性的表现是现实中你见到的吸附效果（CSS3）
25. 垂直居中的方法
(1) margin:auto法。定位为上下左右为0，margin:0可以实现脱离文档流的居中。

css:
div{
width: 400px;
height: 400px;
position: relative;
border: 1px solid #465468;
}
img{
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
html:

(2) margin负值法。

        .container {
            width: 500px;
            height: 400px;
            position: relative;
            border: 2px solid #379;
        }
        .inner {
            width: 480px;
            height: 380px;
            background-color: #746;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -190px; /* height的一半 */
            margin-left: -240px; /* width的一半 */
        }

补充：其实这里也可以将margin-top和margin-left负值替换成transform:translateX(-50%)和transform:translateY(-50%)
(3) table-cell（未脱离文档流的）
设置父元素的display:table-cell，并且vertical-align=middle，这样子元素可以实现垂直居中。

        div {
            width: 500px;
            height: 500px;
            border: 3px solid #555;
            display: table-cell;  /* 表格单元格 */
            vertical-align: middle;
            text-align: center;
        }
        img {
            vertical-align: middle;
        }

(4) 利用flex
将父元素设置为display:flex，并且设置align-items:center; justify-content:center。

        .container {
            width: 300px;
            height: 200px;
            border: 3px solid #546461;
            display: -webkit-flex;
            display: flex;  /* 将对象作为弹性伸缩盒显示（伸缩盒过渡版本） */
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
        .inner {
            border: 3px solid #458761;
            padding: 20px;
        }

26. visibility=hidden，opacity=0；display:none的区别
(1) visibility=hidden：该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件。
(2) opacity=0：该元素隐藏起来了，但不会改变页面布局，而且如果该元素绑定了一些事件（如click），那么点击该区域，也能出发相应事件。
(3) display:none；把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉一样。
27. 关于JS动画和CSS3动画的差异
渲染线程分为main thread和compositor thread，如果css动画只改变transform和opacity，这时整个css动画得以在compositor thread完成（而js动画则会在main thread执行，然后出发compositor thread进行下一步操作）。特别注意的是如果改变transform和opacity是不会layout或者paint的。
区别：
功能涵盖面，js比css大；
实现/重构难度不一，css比js更简单，性能调优方面固定；
对帧速表现不好的低版本浏览器，css3可以做到自然降级；
css动画有天然事件支持；
css3有兼容性问题。
28. position属性比较
fixed（固定定位）：元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。fixed定位使元素的位置与文档流无关，因此不占据空间。fixed定位的元素和其他元素重叠。
relative（相对定位）：如果对一个元素进行相对定位，它将出现在它所在的位置上，然后可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框。
absolute（绝对定位）：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于。absolute定位使元素的位置与文档流无关，因此不占据空间。absolute定位的元素和其他元素重叠。
sticky（粘性定位）：元素先按照普通文档流定位，然后相对于该元素在流中的flow root（BFC）和containing block（最近的块级祖先元素）定位。而后，元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
static（默认定位）：默认值，没有定位，元素出现在正常的流中（忽略top，bottom，left，right或者z-index声明）。
inherit：规定应该从父元素继承position属性的值。
29. 什么是BFC
BFC就是常说的块格式化上下文，这是一个独立的渲染区域，规定了内部如何布局，并且这个区域的子元素不会影响到外面的元素，其中比较重要的布局规则有内部box垂直放置，计算BFC的高度的时候，浮动元素也参与其中，触发BFC的规则有根元素、浮动元素、pisition为absolute或fixed的元素、display为inline-block，table-cell，table-caption，flex，inline-flex以及overflow不为visible的元素。
30. line-height和height的区别
line-height一般是指布局里面一段文字上下行之间的高度，是针对字体来设置的。height一般是指容器的整体高度。

你可能感兴趣的:(HTML、CSS基础内容)

  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 斟一小组鸡血视频 和自己一起成长
    http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
  • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
    许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • ubuntu安装opencv最快的方法 Derek重名了
    最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
  • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • css2中的透明 琪33
    .out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 非关系型数据库 天秤-white nosql
    一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%
  • Python精选200Tips：121-125 AnFany Python200+Tipspython开发语言
    Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
    爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
  • 七.正则化 愿风去了
    吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
（CSS2）；
table-cell：表格单元格，类同于html标签
（CSS2）；
table-row：表格行。类同于html标签