当前位置: 网站首页>小程序开发>网站制作

​天水微信公众号开发公司、天水微信小程序制作费用、天水客户端APP软件需要大概多少钱【天水小程序搭建开发】天水企业微信服务号代运营制作、天水公众号推文编辑排版外包价格

发表日期: 2020-07-02 16:52:23 浏览次数:149

天水微信公众号开发公司、天水微信小程序制作费用、天水客户端APP软件需要大概多少钱【天水小程序搭建开发】天水企业微信服务号代运营制作、天水公众号推文编辑排版外包价格


天水是甘肃省下辖地级市,位于甘肃东南部,地处陕、甘、川三省交界。

天水属暖温带半湿润半干旱气候,境内有国家和省、市级重点保护文物169处,主要包括大地湾遗址天水伏羲庙麦积山石窟等。其著名景点有仙人崖南郭寺水帘洞石窟等,曾入选“2018畅游中国100城”。

Bootstrap CSS 概览

在这一章中,我们将讲解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践。

HTML 5 文档类型(Doctype)

Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。 因此,请在使用 Bootstrap 项目的开头包含下面的代码段。

<!DOCTYPE html><html>....</html>

如果在 Bootstrap 创建的网页开头不使用 HTML5 的文档类型(Doctype),您可能会面临一些浏览器显示不一致的问题,甚至可能面临一些特定情境下的不一致,以致于您的代码不能通过 W3C 标准的验证。

移动设备优先

移动设备优先是 Bootstrap 3 的最显著的变化。

在之前的 Bootstrap 版本中(直到 2.x),您需要手动引用另一个 CSS,才能让整个项目友好的支持移动设备。

现在不一样了,Bootstrap 3 默认的 CSS 本身就对移动设备友好支持。

Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备。

为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:

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

width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。

initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。

在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能。

通常情况下,maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。

注意,这种方式我们并不推荐所有网站使用,还是要看您自己的情况而定!

<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">

响应式图像

<img src="..." class="img-responsive" alt="响应式图像">

通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好。

接下来让我们看下这个 class 包含了哪些 css 属性。

在下面的代码中,可以看到img-responsive class 为图像赋予了 max-width: 100%; 和 height: auto; 属性,可以让图像按比例缩放,不超过其父元素的尺寸。

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;}

这表明相关的图像呈现为 block。当您把元素的 display 属性设置为 block,以块级元素显示。

设置 height:auto,相关元素的高度取决于浏览器。

设置 max-width 为 100% 会重写任何通过 width 属性指定的宽度。这让图片对响应式布局的支持更友好。

如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-center。

全局显示、排版和链接

基本的全局显示

Bootstrap 3 使用 body {margin: 0;} 来移除 body 的边距。

请看下面有关 body 的设置:

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;}

第一条规则设置 body 的默认字体样式为 "Helvetica Neue", Helvetica, Arial, sans-serif

第二条规则设置文本的默认字体大小为 14 像素。

第三条规则设置默认的行高度为 1.428571429。

第四条规则设置默认的文本颜色为 #333333。

最后一条规则设置默认的背景颜色为白色。

排版

使用 @font-family-base、 @font-size-base 和 @line-height-base 属性作为排版样式。

链接样式

通过属性 @link-color 设置全局链接的颜色。

对于链接的默认样式,如下设置:

a:hover,a:focus {
  color: #2a6496;
  text-decoration: underline;}a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}

所以,当鼠标悬停在链接上,或者点击过的链接,颜色会被设置为 #2a6496。同时,会呈现一条下划线。

除此之外,点击过的链接,会呈现一个颜色码为 #333 的细的虚线轮廓。另一条规则是设置轮廓为 5 像素宽,且对于基于 webkit 浏览器有一个 -webkit-focus-ring-color 的浏览器扩展。轮廓偏移设置为 -2 像素。

以上所有这些样式都可以在 scaffolding.less 中找到。

避免跨浏览器的不一致

Bootstrap 使用 Normalize 来建立跨浏览器的一致性。

Normalize.css 是一个很小的 CSS 文件,在 HTML 元素的默认样式中提供了更好的跨浏览器一致性。

容器(Container)

<div class="container">
  ...</div>

Bootstrap 3 的 container class 用于包裹页面上的内容。让我们一起来看看 bootstrap.css 文件中的这个 .container class。

.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;}

通过上面的代码,把 container 的左右外边距(margin-right、margin-left)交由浏览器决定。

请注意,由于内边距(padding)是固定宽度,默认情况下容器是不可嵌套的。

.container:before,.container:after {
  display: table;
  content: " ";}

这会产生伪元素。设置 display 为 table,会创建一个匿名的 table-cell 和一个新的块格式化上下文。:before 伪元素防止上边距崩塌,:after伪元素清除浮动。

如果 conteneditable 属性出现在 HTML 中,由于一些 Opera bug,围绕上述元素创建一个空格。这可以通过使用 content: " " 来修复。

.container:after {
  clear: both;}

它创建了一个伪元素,并确保了所有的容器包含所有的浮动元素。

Bootstrap 3 CSS 有一个申请响应的媒体查询,在不同的媒体查询阈值范围内都为 container 设置了max-width,用以匹配网格系统。

@media (min-width: 768px) {
   .container {
      width: 750px;}

Bootstrap 浏览器/设备支持

Bootstrap 可以在最新的桌面系统和移动端浏览器中很好的工作。

旧的浏览器可能无法很好的支持。

下表为 Bootstrap 支持最新版本的浏览器和平台:

 ChromeFirefoxIEOperaSafari
AndroidYESYES不适用不适用不适用
iOSYES不适用不适用不适用YES
Mac OS XYESYES不适用YESYES
WindowsYESYESYES*YES不适用

* Bootstrap 支持 Internet Explorer 8 及更高版本的 IE 浏览器。

特斯拉麻烦了 美国监管机构已开始调查Model S电池冷却系统缺陷

2020年07月02日 11:27:17
来源:Techweb

7月2日消息,据国外媒体报道,本周早些时候,特斯拉一批内部邮件泄露,泄露的邮件显示特斯拉2012年就知道Model S电池冷却系统存在缺陷。

这一消息出现之后,美国监管机构也已迅速对此展开调查。国外媒体的报道显示,美国国家公路交通安全管理局(National Highway Traffic Safety Administration,简称NHTSA),已经开始调查此事。

外媒在报道中表示,美国国家公路交通安全管理局已告知他们,知晓了相关的报道,将根据事实和数据采用适当的行动。

特斯拉的内部邮件是在本周早些时候泄露的,泄露的是2012年,也就是8年前的邮件,当时的邮件中就提到特斯拉内部已经知道Model S电池冷却系统存在设计缺陷。

Model S电池冷却系统的设计缺陷,主要是冷却液管的末端连接配件不符合要求,所采用的铝合金的强度未达到化学要求,导致冷却液可能泄漏,进而导致故障、起火。

从泄露的邮件来看,2012年8月,特斯拉的一名员工就意识到了存在这一隐患,并且在内部邮件中提到了此事。而2012年10月的内部邮件,则记录有生产线上发现了部分Model S冷却液泄漏的问题,泄漏的冷却液已流向了电池包,当时是被定性为严重的质量问题。当年的11月份,生产线再次发现了Model S冷却液泄漏的问题,最终他们将这一问题告知了公司的高层。

虽然邮件显示特斯拉在2012年就知道了Model S电池冷却系统存在设计缺陷,但他们却依旧在推出Model S,这一款电动汽车是在当年二季度开始交付的,随后几个季度并未停止交付。



天水微信公众号开发公司天水微信小程序制作费用天水客户端APP软件需要大概多少钱【天水小程序搭建开发】天水企业微信服务号代运营制作、天水公众号推文编辑排版外包价格

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: https://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 昌平殡葬| 朝阳殡葬|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878