[原创]Flex 设置固定背景的方法

Application有关背景的几个属性:

 

 

  • backgroundGradientAlphas 背景透明度渐变,是一个数组,默认是[1.0,1.0]
  • backgroundGradientColors  背景颜色渐变,也是一个数组。

上面两个是application特有的。下面是继承Container 的属性
 
  •       backgroundAlpha  背景的透明度 (0到1)
  •       backgroundAttachment 背景的固定状态 两种选项 fixed(固定) scroll(随滚动条的滚动移动)
  •       backgroundDisabledColor 禁用背景颜色
  •       backgroundColor 背景颜色
  •       backgroundImage 可以是图片 也可以是swf 
  •       backgroundSize 背景的尺寸 常用的有 100% (就是拉伸到舞台的大小) auto(背景图片的原始大小)
例如:设置一个application用swf 做背景 而且让它不随滚动条滚动,并且拉伸至浏览器大小。
     
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"          layout="vertical" 
 horizontalAlign="center"backgroundSize="100%"
pageTitle="你的页面标题"
backgroundAttachment="fixed"
backgroundImage="13.swf">  
</mx:Application>
 

     

 

根据您提供的文档,这是广东创新科技职业学院的一份关于“企业级Web网站综合设计”的期末考试大作业要求。以下是具体内容分析: ### 题目重述 学生需根据给定的主题,独立完成一个企业级Web网站的设计。网站需包括首页和至少3个内页,涵盖特定的功能模块和技术实现要求。 #### 网站主题选择(10 分) 学生需从以下主题中选择其一设计企业级网站: 1. 科技公司官网 2. 教育培训机构官网 3. 电子商务平台 4. 旅游服务网站 5. 创意设计工作室官网 #### 功能模块要求(60 分) 1. **首页设计(20 分)** - 固定宽度导航栏 - Hero 区域 - 核心服务/产品展示区 - 公司简介/优势展示 - 客户案例/作品展示 - 联系信息/订阅区域 2. **至少 3 个内页设计(各 10 分)** - 服务/产品详情页 - 关于我们/团队介绍页 - 新闻/博客列表及详情页 - 联系/留言页 - 作品集/案例展示页 - 其它相关子页 3. **页面元素设计(10 分)** - 图片、图标、文字等元素的合理运用 - 表单设计 #### 技术实现要求(30 分) 1. **代码规范(10 分)** - HTML 语义化标签使用 - CSS 类名命名规范 - 代码结构清晰,注释适当 2. **布局设计(10 分)** - 固定宽度布局 - 浮动、定位或 Flexbox 布局 - 元素间距和对齐处理 3. **视觉设计(10 分)** - 色彩搭配协调 - 字体选择和排版合理 - 图片和图标使用规范 #### 提交要求 1. 完整的项目文件 - 所有 HTML 页面文件 - CSS 样式文件 - 图片、图标等资源文件夹 2. 所有相关文档放在一个文件夹中,文件夹打包压缩,压缩包命名方式:学号+姓名。 #### 注意事项 1. 禁止抄袭,所有代码和设计必须原创 2. 确保代码可运行,无语法错误和逻辑漏洞 3. 提交前清理不必要的文件和代码,保持项目文件结构简洁、清晰 ### 详解 此大作业旨在全面考核学生在HTML、CSS方面的技能,特别是对企业级Web网站的设计能力。学生需要选择一个合适的主题,然后根据要求设计出满足功能和技术规范的网页。这不仅考验学生的编码能力,还涉及到页面布局、视觉设计等方面。 ### 知识点 1. **HTML语义化标签** 使用`<header>`、`<nav>`、`<main>`、`<footer>`等标签构建页面结构,提高代码可读性和SEO友好性。 2. **CSS布局** 使用浮动、定位或Flexbox等方法进行页面布局,确保元素排版精准,页面美观协调。 3. **视觉设计原则** 色彩搭配、字体选择、图片和图标使用规范,保证网页具有良好的视觉效果和用户体验。
最新发布
06-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值