In this course, you'll continue developing your web-development skills by formatting element edges and corners, controlling an element's height and width, controlling an element's position and layering, and normalizing and resetting browser CSS defaults. You'll also use advanced selectors, manager user-interface states, make structure more apparent to users, and use CSS pseudo-element selectors. Then, you'll use CSS to create newspaper-style columns, grid layouts, and flexible box layouts.
Web Dev: Page Layout and Complex Style Rules
即将结束： 只需 199 美元（原价 399 美元）即可通过 Coursera Plus 学习新技能。立即节省
您将学到什么
In this course, you will use CSS to format positional and size aspects of HTML elements, apply complex style rules, and create complex layouts.
您将获得的技能
- User Interface (UI) Design
- Web Development Tools
- User Interface (UI)
- HTML and CSS
- Hypertext Markup Language (HTML)
- Front-End Web Development
- Web Design
- Cascading Style Sheets (CSS)
- Software Development
- Web Applications
- Browser Compatibility
- Responsive Web Design
- Web Design and Development
- Web Development
- Web Servers
- Web Content
要了解的详细信息
可分享的证书
添加到您的领英档案
最近已更新！
January 2026
作业
1 项作业
授课语言：英语（English）
了解顶级公司的员工如何掌握热门技能
积累特定领域的专业知识
本课程是 Web Development with HTML5, CSS, and JavaScript 专项课程 专项课程的一部分
在注册此课程时，您还会同时注册此专项课程。
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 获得可共享的职业证书
该课程共有4个模块
Much of your effort in creating HTML is about placing content inside of elements. But when it comes to matters of layout, CSS gives you a lot to consider regarding what happens around the outside of an element—the edges and spacing that fence your content in. CSS gives you complete control over the spacing inside and outside the edges, the color and lines (if any) used to draw the edges. You also can control the overall size, position, and layering of elements within a web page.
涵盖的内容
1篇阅读材料6个插件
CSS rules provide a powerful way to format many HTML pages from a single source, without having to spend significant time editing every page. They can make your website more consistent, and they can significantly reduce the time needed to format an entire site. Their power comes primarily from selectors, and CSS provides numerous types of selectors that will make your website formatting tasks even more efficient.
涵盖的内容
6个插件
CSS provides numerous options for laying out elements in complex column-and-row layouts that enable you to present information so it is easy to read, arranged for easy comparison, and adaptable to different screen layouts
涵盖的内容
5个插件
You'll wrap things up and then validate what you've learned in this course by taking an assessment.
涵盖的内容
1篇阅读材料1个作业
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师
从 Mobile and Web Development 浏览更多内容
Logical Operations
Logical Operations
Logical Operations
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
常见问题
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
更多问题
提供助学金，