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

成都网站建设 培训学校网络营销与直播电商专升本

成都网站建设 培训学校,网络营销与直播电商专升本,wordpress 珠宝,东圃那里有做网站设计的传统布局小结 传统布局方式标准流浮动流定位伪类元素CSS应用对象应用到自身应用到其他元素 传统布局方式 传统布局采用 标准流 浮动流 定位的方式实现布局效果,也就是通常所说的 DIV CSS 布局。 标准流 标准流中的元素在 页面默认的 维度,块级元素…

传统布局小结

    • 传统布局方式
      • 标准流
      • 浮动流
      • 定位
      • 伪类元素CSS应用对象
        • 应用到自身
        • 应用到其他元素

传统布局方式

传统布局采用 标准流 + 浮动流 + 定位的方式实现布局效果,也就是通常所说的 DIV + CSS 布局。

标准流

标准流中的元素在 页面默认的 维度,块级元素独占一行;行内元素共享一行,且不能设置宽高;行内块共享一行,可以设置宽高。
常用于 普通排列,即盒子上下排列

浮动流

使用 float 将盒子浮动起来,使块级元素呈现出 行内块的特征。
常用于 水平排列,即盒子水平排列

定位

以上两种布局方式只能实现大范围内的布局,很难处理一些小范围内的精准布局,定位就可以实现精确移动元素。
常用于 自由移动,覆盖在盒子上面的效果,侧边栏,广告等
注意,定位浮动高于 原生的浮动;并且可能出现重叠,此时可以使用 z-index 指定层叠顺序,值越大越靠近屏幕,可以想象为垂直屏幕向外的一个 Z 轴

伪类元素CSS应用对象

应用到自身

伪类元素最常用是给自身加上特定的CSS样式,如下:鼠标悬浮时,将a标签的字体设置为 18px

a:hover{font-size: 18px;
}

应用到其他元素

有时候,需要由 一个 元素的伪类触发 样式应用到另一个元素上,直接在伪类选择器后面 写上 要应用的相对(建立目标元素与伪元素的关联)选择器即可。如下,当鼠标悬浮div标签时,将div后代 id 为 target 的元素的字体设置为 18px

div:hover #target{font-size: 18px;
}
http://www.ritt.cn/news/20567.html

相关文章:

  • wordpress主题安装500seo搜索是什么意思
  • 软件开发价格标准魔贝课凡seo
  • 企业网站营销案例百度最怕哪个投诉电话
  • 网络文化经营许可证申请惠州seo管理
  • 网站开发demoseo教程优化
  • 高端网网站建设快速优化排名公司推荐
  • 长春网站建设营销q479185700刷屏免费友情链接网站
  • 网站建设技术公司seo营销排名
  • 太原做网站的公司高端企业网站建设
  • 新公司网站建设流程关键词筛选工具
  • 会网站开发没学历网站软件推荐
  • 深圳网站建设新闻百度优化点击软件
  • 张家明做网站成都比较靠谱的seo
  • 西瓜网络深圳网站建设 东莞网站建设什么推广方法是有效果的
  • 深圳手机网站定制开发网络营销就业前景和薪水
  • wordpress适用于任何网站吗外链网站推荐几个
  • wordpress videopro宁波seo快速排名
  • 如何引用网站图片搜索引擎优化的重要性
  • 网站增加流量自己建网站怎么弄
  • 房地产销售述职报告放心网站推广优化咨询
  • 哈尔滨建设局网站太原网站优化
  • 禹城有做网站2023年8月新冠疫情
  • 外行学网页制作与网站建设从入门到精通seo软件推荐
  • 宁波网页设计培训班优化营商环境工作开展情况汇报
  • 中国最大网站建设商淄博头条新闻今天
  • seo的网站特征如何在百度上发表文章
  • 淮安建设网站制作世界军事新闻
  • 网站离线浏览器 怎么做建网站流程
  • 网站流量一直做不起来企业营销培训课程
  • WordPress支持外链图片seo数据分析哪些方面