Web前端开发知识点之CSS的使用方式

元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应。

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站制作、网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的轵城网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的CSS隐藏页面元素的方法。用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。

栅格与响应式（移动端的兴起，2007与2010）当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小。

id #firstname 选择 id=firstname 的所有元素。选择所有元素。element p 选择所有 元素。element，element div，p 选择所有 元素和所有 元素。

DIV＋CSS页面布局是web标准中的一种新的布局方式。在这种布局中，div承载的是内容，而CSS承载的是样式。

一般我们可以看到，在web前端开发工程师的要求中，有一个会使用css+html或css+div进行界面布局，所以css是用来辅助html进行布局和显示的。

三种不同类型的CSS样式

1、嵌入式css样式。嵌入式css样式，就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色：1 span{color：red；} 嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。外部式css样式。

2、CSS样式表可以分为外部样式表、内部样式表、内联样式。

3、CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

Web前端面试指导(五十):CSS样式书写有哪些

1、内联样式表：在HTML文档头部 区域使用 元素 来包含CSS。内联引用： 在HTML元素中使用style 属性，直接对指定元素应用样式。外部样式表：将样式单独写在CSS文件内，通过引入外部 CSS 文件来应用样式。

2、与HTML的结合方式CSS与HTML的结合方式一共有三种，分别是：外部样式、内部样式和内联样式。①外部样式当样式需要应用于很多页面时，外部样式表将是理想的选择。

3、这里文字是红色。 css样式代码要写在style=双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下；）。嵌入式css样式。嵌入式css样式，就是可以把css样式代码写在标签之间。

文章题目：前端css基础行内样式 前端的css
网页网址：http://chengdu.cdxwcx.cn/article/diihodi.html