收藏本站
我的资料
我的订单
  购物车 (0)  
亲,您的购物车空空的哟~
去购物车结算
   
查看手机网站
其他帐号登录: 注册 登录
产品导航
  • 网页特效源码
    图片代码
    导航菜单
    选项卡/滑动门
    文字特效
    表单代码
    提示框/浮动层/弹出层
    DIV CSS
    html5 css3
    其他特效
  • 网站模板源码
    电脑、通讯、数码
    家具洁具、日用品
    建材、五金、装饰
    纺织、服装、鞋帽
    礼品玩具、工艺品
    家电、照明、电子
    文具、乐器、体育
    机电、仪器、设备
    食品、饮料、酒类
    汽车、摩托电动车
    能源、环保、节能
    冶金、金属、零件
    农业、水产、养殖
    矿产、石油、化工
    珠宝首饰、化妆品
    医药医器、保健品
    包装、印刷、造纸
    书画、艺术、收藏
    通用、其他制造业
    房地产、建筑装修
    餐饮、咖啡、茶楼
    咨询、策划、翻译
    金融、证券、典当
    健身、运动俱乐部
    家政、保洁、搬家
    医院、诊所、保健
    旅游宾馆、农家乐
    美容、休闲、养生
    婚庆、摄影、影楼
    仓储、物流、租车
    维修、保养、回收
    广告、会展、设计
    文化、教育、培训
    政府、协会、机构
    其他行业网站
  • 小程序源码
  • 游戏源码
  • 微信公众平台源码
  • 营销软件
  • 云虚拟主机
    全能型云虚拟主机
    海外免备案主机
    高防云享主机
    专业型云虚拟机
    Linux专业型云虚拟机
    .NET专业型云虚拟机
    JSP专业型云虚拟机
    百度云虚拟机(BCH)
  • 旅游系统
    旅游网站模板
    组合套餐
    产品应用
    营销应用
    内容应用
    供应分销应用
    插件接口应用
    SAAS版本应用
  • Cisco设备
    交换机
    路由器
    无线
    网络管理
    接口和模块
    光网络
  • IBM设备
    服务器
  • 华为设备
    交换机
    路由器
    WLAN
    存储
  • 智能设备

18093723998
搜索

分享前端开发中不需要考虑兼容的好用css

 二维码
发表时间:2021-03-30 21:32
在网站页面的开发中,css的使用可以使网站前端工作完成更快捷,网站页面更加美观和代码更加简洁,css提供了多种多样的功能,控制HTML里面的字体大小、颜色、甚至是页面结构的排列分布,例如下图中的字体的大小字号、颜色和行高、内容的背景色和和线条的粗细、内容之间的间距等。


Css甚至还可以调节适应不同分辨率的浏览器,展现最完美的页面布局,其中会涉及一些关于css中的属性的兼容性,如果不考虑css 的兼容性,会有很多很多好用的css 属性,能更加高效便捷的完成网站页面的制作。例如:position中的属性除了position: static、position: relative、position: absolute、position: fixed, position: inherit还有position: sticky; 这个属性也很好用,只是兼容性不太好。
Sticky属性有几个特点,它跟absolute不一样,并不会使元素脱离文档流,仍会在文档流中保留原来的位置。当容器中滚动的超过元素中设置的偏移值时,元素就会固定。有时候在网站页面的制作中,会遇到要求做随页面滚动,内容固定在指定位置的效果,如下图:


如果不需要考虑浏览器的兼容性,那么使用position: sticky; 然后根据设计图中的间距再设置top的偏移值,就可以做出很流畅、简洁的随页面滚动,内容固定在页面中指定位置的效果。但是有一种情况,当设置了position: sticky和top偏移值的元素被滚动到父元素的底部的时候,就不会定位了。


另外,在页面制作中,也遇到需要做遮罩的效果,有做过使用定位,浮在内容的上面,用线性渐变或者png图片,后面发现了可以用-webkit-mask-image,不过需要考虑到兼容性,如果不考虑兼容,那么这是一个很好的选择。如下图:

关注我们
关于我们
天隆网络科技有限责任公司励志为顾客提供出更好的网站建设、二次开发、管理、维护系统等。本团队为此收录了大量的技术和相关人员。公司积极鼓励客户前来本站交流互动,积极鼓励为本站提出创新的好点子 本团队专注于企业的网站设计制作,为刚接触网站开发和运营的客户提供更好的帮助到你的解决方案。
服务范围
联系我们
QQ:1602299552
邮箱:dhtlit@qq.com
电话:18093723998
付款方式:现金,刷卡,支付宝,微信