志达IT网站css布局有哪些
CSS常见的布局方法包括弹性布局、固定布局、流体布局、混合布局和绝对定位布局。
弹性布局：总宽度和其中所有列的值都以单位书写。这样可以使用浏览器指定的基本字体大小缩放布局。列宽将变得更宽，允许以任何尺寸显示更舒适和可读的行长度。
固定布局：其中所有列的总宽度和值都以像素书写，布局位于用户浏览器的中心。
3.流体布局：总宽度和其中所有列的值都以百分比书写，这些百分比是根据用户浏览器窗口的大小计算的。
4.混合布局：混合布局结合了弹性和流体两种其他类型的布局。页面的总宽度为100%，但侧边栏值设置为em单位。
5.绝对定位布局：上述布局的所有外部列都使用浮动内容。绝对定位布局与其名称完全相同，具有绝对定位外列。重要的是要记住，当使用这些布局时，侧边栏会“提出文档流程”，并且可能会产生一些不合适的结果。
css中的选择器包括哪些
什么是选择器？
每个CSS样式定义由两部分组成，形式为：[code]选择器｛style｝[/code]｛｝之前的部分是“选择器”。
“选择器”表示｛｝中的“样式”所应用的对象，即“样式”应用于网页中的哪些元素。
CSS的五个选择器
（1） 标签选择器（元素选择器）
（2） ID选择器（唯一性，一个引用）
（3） 类选择器（单类选择器、多类选择器）
（4） 属性选择器（简单属性选择、特定属性选择、部分属性选择、具体属性选择）
（5） 派生选择器（子选择器、子选择器、相邻同级选择器）
三元件选择器（标签选择器）
一个完整的HTML页面由许多不同的标签组成。标记选择器：指使用HTML标记名称作为选择器，按标记名称进行分类，并为页面上的特定类型的标记指定统一的CSS样式。
如果设置HTML样式，选择器通常是一个HTML元素，如p、h1、em、a，甚至是HTML本身。
例如：
html｛背景颜色：黑色；｝
p｛字体大小：30px；背景颜色：灰色；｝
h2｛背景颜色：红色；｝
上面的CSS代码将为整个文档添加一个黑色背景；将所有p元素的字体大小设置为30像素，同时添加灰色背景；为文档中的所有h2元素添加红色背景。
四ID选择器
ID选择器允许您以独立于文档元素的方式指定样式。
ID选择器可以为标记有特定ID的HTML元素指定特定样式。根据ID选择元素是唯一的，这意味着同一ID只能在同一文档页面中出现一次。
（3） id选择器是用“#”定义的。
例如，在CSS中，以下两个id选择器可以将元素的颜色定义为红色，第二个id选择器将元素的色彩定义为黄色：
#红色｛color:红色；｝
#黄色｛color:黄色；｝
在下面的HTML代码中，id属性为红色的p元素显示为红色，而id属性为绿色的p元素则显示为绿色。
此段落为红色</p>
这一段是黄色的</p>
五型选择器
类选择器使用类名来选择元素。先决条件是为HTML中的元素定义一个类属性，class=“类名”，然后使用“.”来标识它，然后使用类名。
（1） 单类选择器
类选择器允许您以独立于文档元素的方式指定样式。该选择器可以单独使用，也可以与其他元件组合使用。
① 修改HTML代码
在使用类选择器之前，您需要修改特定的文档标记，以便类选择器正常工作。为了将类选择器的样式与元素相关联，必须将类指定为适当的值。
