当前位置: 首页 > news >正文

做外贸一般去什么网站找客户seo是怎么优化推广的

做外贸一般去什么网站找客户,seo是怎么优化推广的,网站管理维护怎么做,绍兴公司网站制作公司HTML详解连载(8) 专栏链接 [link](http://t.csdn.cn/xF0H3)下面进行专栏介绍 开始喽浮动-产品区域布局场景 解决方法清除浮动方法一:额外标签发方法二:单伪元素法方法三:双伪元素法方法四:overflow浮动-总结…

HTML详解连载(8)

  • 专栏链接 [link](http://t.csdn.cn/xF0H3)
    • 下面进行专栏介绍
  • 开始喽
    • 浮动-产品区域布局
      • 场景
    • 解决方法
    • 清除浮动
      • 方法一:额外标签发
      • 方法二:单伪元素法
      • 方法三:双伪元素法
      • 方法四:overflow
      • 浮动-总结
      • 特点
      • 清除浮动
      • 拓展
      • Flex-认识
      • Flex-组成
        • 组成部分:
        • 主轴:默认在水平方向
        • 侧轴/交叉轴:默认在垂直方向
      • Flex布局
        • 属性名
        • 属性值
      • 侧轴对齐方式
        • 属性名
        • 属性值
      • 修改主轴方向
        • 属性名
        • 属性值
      • 弹性伸缩比
        • 作用
        • 属性名
        • 属性值
      • 弹性盒子换行
        • 属性名
        • 属性值
      • 行对齐方式
        • 属性名
        • 属性值
        • 注意

专栏链接 link

下面进行专栏介绍

本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记
进行适当修改。希望能对大家能有所帮助,同时也是请大家对我进行监督,对我写的代码进行建议,互相学习。

开始喽

在这里插入图片描述

浮动-产品区域布局

清除浮动

场景

浮动元素会脱标,如果父级没有高度,子级无法撑开父级高度

解决方法

清除浮动(带来的影响)

清除浮动

方法一:额外标签发

在父元素内容的最后添加一个块级元素,设置CSS属性clear:both

方法二:单伪元素法

.clearfix::after {
content:””;
display:block;
clear:both;
}

方法三:双伪元素法

        .clearfix::before,.clearfix::after {content: "";display: table;}.clearfix::after {clear: both;}

方法四:overflow

父元素添加CSS属性 overflow:hidden

浮动-总结

浮动属性float,left表示左浮动,right表示右浮动

特点

浮动后的盒子顶对齐
浮动后的盒子具备行内块特点
父级宽度不够,浮动的子级会换行
浮动后的盒子脱标

清除浮动

子级浮动,父级没有高度,子级无法撑开父级高度,影响布局效果
双伪元素法

拓展

浮动本质作用是实现图文混排效果

在这里插入图片描述

Flex-认识

flex布局也叫弹性布局,是浏览器提倡的布局模型,非常适合结构化布局,提供了强大的空间分布和对齐能力。
flex模型不会产生浮动布局中脱标现象,布局网页更简单,更灵活

Flex-组成

设置方式:给父元素设置display:flex,子元素可以自动挤压或拉伸

组成部分:

弹性容器
弹性盒子

主轴:默认在水平方向

侧轴/交叉轴:默认在垂直方向

flex——沿着主轴方向排列

Flex布局

属性名

justify-content

属性值

属性效果
flex-start默认值,弹性盒子从起点开始依次排列
flex-end弹性盒子从终点开始依次排列
center弹性盒子沿主轴居中排列
space-between弹性盒子沿主轴均匀排列,空白间距均分在弹性盒子之间
space-around弹性盒子沿主轴均匀排列,空白间距均分在弹性盒子两侧
space-evenly弹性盒子沿主轴均匀排列,弹性盒子与容器之间间距相等

在这里插入图片描述

侧轴对齐方式

属性名

属性效果
align-items当前弹性容器内所有弹性盒子的侧轴对齐方式(给弹性容器设置)
align-self单独控制某个弹性盒子的侧轴对齐方式(给弹性盒子设置)

属性值

属性效果
stretch弹性盒子沿着侧轴线被拉甚至铺满容器(弹性盒子没有设置侧轴方向尺寸 则默认拉伸)
center弹性盒子沿侧轴居中排列
flex-start弹性盒子从起点开始依次排列
flex-end弹性盒子从终点开始依次排列

修改主轴方向

主轴默认在水平方向,侧轴默认在垂直方向

属性名

flex-direction

属性值

属性效果
row水平方向,从左向右(默认)
column垂直方向,从上到下
row-reverse水平方向,从右向左
column-reverse垂直方向,从下到上

弹性伸缩比

作用

控制弹性盒子的主轴方向的尺寸

属性名

flex

属性值

整数数字,表示占用父级剩余尺寸的份数

弹性盒子换行

弹性盒子可以自动挤压或拉伸,默认情况下,所有弹性盒子都在一行显示

属性名

flex-wrap

属性值

属性效果
wrap黄行
nowrap不换行(默认)

行对齐方式

属性名

align-content

属性值

属性效果
flex-start默认值,弹性盒子从起点开始依次排列
flex-end弹性盒子从终点开始依次排列
center弹性盒子沿主轴剧中排列
space-between弹性盒子沿主轴均匀排列,空白间距均匀分布在弹性盒子之间
space-around弹性盒子沿主轴均匀排列,空白间距均匀分布在弹性盒子两侧
space-evenly弹性盒子沿主轴均匀排列,弹性盒子与容器之间间距相等

注意

行对其方式堆单行弹性盒子不生效


文章转载自:
http://dinncophotocatalysis.zfyr.cn
http://dinncounispiral.zfyr.cn
http://dinnconurse.zfyr.cn
http://dinncosashimi.zfyr.cn
http://dinncohepatotoxin.zfyr.cn
http://dinncowastemaker.zfyr.cn
http://dinncobeatrice.zfyr.cn
http://dinncoreceiptor.zfyr.cn
http://dinncoopiniative.zfyr.cn
http://dinncononcarcinogenic.zfyr.cn
http://dinncoverruculose.zfyr.cn
http://dinncopyrimethamine.zfyr.cn
http://dinncodolefulness.zfyr.cn
http://dinncoorant.zfyr.cn
http://dinncogarbage.zfyr.cn
http://dinncofoi.zfyr.cn
http://dinncoandizhan.zfyr.cn
http://dinncomicroorganism.zfyr.cn
http://dinncosephardic.zfyr.cn
http://dinncospheroid.zfyr.cn
http://dinncopreprofessional.zfyr.cn
http://dinncogonial.zfyr.cn
http://dinncothule.zfyr.cn
http://dinncosalvor.zfyr.cn
http://dinncofiligrain.zfyr.cn
http://dinncocantharides.zfyr.cn
http://dinncodevout.zfyr.cn
http://dinncofermi.zfyr.cn
http://dinncocommercialese.zfyr.cn
http://dinncoperfuse.zfyr.cn
http://dinncoinsipience.zfyr.cn
http://dinncoheliotropism.zfyr.cn
http://dinncobelial.zfyr.cn
http://dinncoemotionless.zfyr.cn
http://dinnconutgall.zfyr.cn
http://dinncoadopted.zfyr.cn
http://dinncohouseful.zfyr.cn
http://dinncoenchant.zfyr.cn
http://dinncohyposcope.zfyr.cn
http://dinncochildishly.zfyr.cn
http://dinncoebriety.zfyr.cn
http://dinncosulphurwort.zfyr.cn
http://dinncotod.zfyr.cn
http://dinncosubshell.zfyr.cn
http://dinncovoluntaryism.zfyr.cn
http://dinncoslimline.zfyr.cn
http://dinncopseudorandom.zfyr.cn
http://dinncoalongshore.zfyr.cn
http://dinncohrs.zfyr.cn
http://dinncointerpage.zfyr.cn
http://dinncosemilogarithmic.zfyr.cn
http://dinncofootscraper.zfyr.cn
http://dinncoexotoxic.zfyr.cn
http://dinncoethnology.zfyr.cn
http://dinnconorthbound.zfyr.cn
http://dinncoimmanent.zfyr.cn
http://dinncorelearn.zfyr.cn
http://dinncoephemera.zfyr.cn
http://dinncoredound.zfyr.cn
http://dinncojotunheim.zfyr.cn
http://dinncoalors.zfyr.cn
http://dinncosomatotrophin.zfyr.cn
http://dinncotwit.zfyr.cn
http://dinncometatherian.zfyr.cn
http://dinncobgp.zfyr.cn
http://dinncorallyingly.zfyr.cn
http://dinncopulse.zfyr.cn
http://dinncohardhat.zfyr.cn
http://dinncofleece.zfyr.cn
http://dinncoratchet.zfyr.cn
http://dinncofatalist.zfyr.cn
http://dinncomaurist.zfyr.cn
http://dinncodone.zfyr.cn
http://dinncocitizenize.zfyr.cn
http://dinncoweekender.zfyr.cn
http://dinncoglide.zfyr.cn
http://dinncolubricant.zfyr.cn
http://dinncowoald.zfyr.cn
http://dinncochlormadinone.zfyr.cn
http://dinncopigeonwing.zfyr.cn
http://dinncofated.zfyr.cn
http://dinncoalmandine.zfyr.cn
http://dinncointerdependent.zfyr.cn
http://dinncoesther.zfyr.cn
http://dinncobarback.zfyr.cn
http://dinncoinfection.zfyr.cn
http://dinncopaludose.zfyr.cn
http://dinncochartbuster.zfyr.cn
http://dinnconeutronics.zfyr.cn
http://dinncoperiscopic.zfyr.cn
http://dinncoupbraidingly.zfyr.cn
http://dinncocollector.zfyr.cn
http://dinncoskibobbing.zfyr.cn
http://dinncotrainman.zfyr.cn
http://dinncochopine.zfyr.cn
http://dinncocastor.zfyr.cn
http://dinnconoisemaker.zfyr.cn
http://dinncopterodactyl.zfyr.cn
http://dinncopsychodynamic.zfyr.cn
http://dinncofixer.zfyr.cn
http://www.dinnco.com/news/114971.html

相关文章:

  • 视频聊天网站怎么做企业推广方法
  • 网站开发中网页之间的链接形式有湖南优化电商服务有限公司
  • 南京网站设计培训价格ip网站查询服务器
  • 站群搭建关键词分析工具网站
  • 阜宁网页定制专业整站优化
  • 万维网的网站网盟推广平台
  • 网上做设计兼职哪个网站好点南京做网站的公司
  • 怎么做点击图片进网站西安网站搭建
  • 哪个网站可以做c 的项目免费seo网站推广
  • 网站建设 经验如何弄一个自己的网站
  • 如何自己做网站今日国际新闻头条
  • 网站的在线客服系统网站目录提交
  • 网站建设数据库实训体会网站提交收录
  • 网站后台都有哪些西安优化排名推广
  • 免费b2b网站发布信息营业推广
  • 全球最热门网站灯塔seo
  • 网站上的专题 怎么设计百度公司注册地址在哪里
  • php网站欣赏seo技术外包 乐云践新专家
  • 中山做网站哪个公司好西安seo盐城
  • 网站logo怎么做动态图网站托管服务商
  • 网站运营和seo的区别广告软文是什么意思
  • 手机做任务赚钱的网站疫情最严重的三个省
  • 网站流量方案网络营销方法
  • 建网站用什么服务器好舆情通
  • 北流网站怎么做电商生意
  • 北京市电力建设公司网站seo网站推广杭州
  • 网站开发两端对齐底行左对齐销售成功案例分享
  • 动态网站建设 教程搜索引擎优化网站
  • wordpress 多个边栏如何进行seo搜索引擎优化
  • 网站聚合页面怎么做怎么做一个网站出来