常用css 常用css样式
很多朋友对于常用css和常用css样式不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
常用的CSS属性。
float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
扩展资料
CSS属性
1、整数和实数
在CSS中只能使用浮点小数，而不能像其他编程语言那样使用科学记数法表示实数，即1.2E3在CSS中将是不合法的。下面是几个正确的例子，整数：128、-313，实数：12.20、1415、-12.03。
2、长度量
相对长度单位有：em——当前字体的高度，也就是font.size属性的值；ex——当前字体中小写字母x的高度；Dx——一个像素的长度，其实际的长度由显示器的设置决定，比如在800木600的设置下，一个像素的长度就等于屏幕的宽度除以800。
3、百分数量（percentages）
百分数量就是数字加上百分号。显然，百分数量总是相对的，所以和相对长度量一样，百分数量不被子级元素继承。
参考资料来源：百度百科-CSS
参考资料来源：百度百科-FLOAT
css 布局常用属性
CSS布局常用属性主要包括 display、position和 float，它们在控制元素显示方式、定位机制和浮动行为方面起着关键作用。以下是对这些属性的详细归纳：
1. display属性display属性定义了元素生成的显示框类型，常见的属性值包括：
block：元素显示为块级元素，会独占一行，可以设置宽高、内边距、外边距等盒模型属性。如 div标签的默认 display属性就是 block。inline：元素显示为行内元素，不会独占一行，只会占领自身宽高所需要的空间。给行内元素设置宽高不会起作用，margin值只对左右起作用，padding值也只对左右起作用。如 span标签的默认 display属性就是 inline。inline-block：元素既具有块级元素可以设置宽高的特性，又具有行内元素不换行的特性。inherit：元素从父元素继承 display属性值。none：元素不显示，也不占用空间位置。flex：用于 flex布局，但在此不详细展开。2. position属性position属性用于定义元素的定位机制，常见的属性值包括：
static：默认值，元素正常出现在文档流中，top、right、down、left无效，可以设置 margin来移动。relative：相对定位，相对于元素的正常位置进行定位，不脱离文档流，top、right、down、left可能会遮挡附近元素，一般使用 margin来移动。absolute：绝对定位，相对于除 static定位以外的元素进行定位，会一直往上查找，直到找到非 static定位的元素或者浏览器窗口进行定位，脱离文档流，一般用 top、right、down、left来移动，也可以设置 margin。fixed：固定定位，相对于浏览器窗口进行定位，常用于实现网站中的固定 header和 footer。3. float属性float属性定义元素在哪个方向浮动，常用属性值有 left和 right，即向左浮动和向右浮动。设置了 float的元素会脱离文档流，然后向左或向右移动，直到碰到父容器的边界或者碰到另一个浮动元素。块级元素会忽略 float元素，文本和行内元素却会环绕它。
当子元素设置浮动属性后，可能会导致父元素的高度塌陷，即父元素的宽高不会被子元素的内容撑开。解决这个问题的方法包括使用 after伪元素法或 overflow法来清除浮动。
总结CSS布局常用属性 display、position和 float在控制元素显示方式、定位机制和浮动行为方面起着关键作用。通过合理运用这些属性，可以实现各种复杂的页面布局效果。
在网页中使用css的几种方式
（1）使用Embed（嵌入样式单）排版样式：
即将CSS代码直接插入每个页面的HTML的<head>区，就象上一节看到的。使用<style>...</style>标签。例如：
<style type="text/css">
<!--
h2{ font-family:"宋体"; font-size: 12pt; font-style: italic; color:#FF0033; background-color:#FFCCCC}
h1{ font-family:"Arial"; font-size: 12pt; color:#66FF66}
-->
</style>
（2）使用“link（外部样式单）排版样式”：
即你可以将多个页面的排版风格都用一个样式单文件控制。这个外部的样式单文件（一个扩展名是css的文本文件）将设定你所有网页的规则。如果你改变样式单文件中的某行，所有页面风格用这个css文件定义的页面都会随之改变。如果你的站点文件非常多，则这项功能就非常方便了。
在<HEAD>区内使用<LINK>标签（注意：不再是<style>标签了）：
<HTML>
<HEAD>
<LINK REL=stylesheet HREF="http：//yoursute.com/my.css"; TYPE="text/css">
</HEAD>
<body>
<h2>你好！朋友，欢迎光临Java2000的教学区。</h2>
<h1>Hello，everybody，welcome in java2000!</h1>
</body>
</html>
★☆★说明：css文件的路径用绝对路径http：//...)表示或者用相对路径(例如：../csscode/my.css)表示都可以。
然后再单独生成一个css文件，叫做my.css(随便起名)。文件内容如下：
h2{ font-family:"宋体"; font-size: 12pt; font-style: italic; color:#FF0033; background-color:#FFCCCC}
h1{ font-family:"Arial"; font-size: 12pt; color:#66FF66}
只要将这个CSS文件上传到服务器指定的目录即可。
（3）使用"inline（行内样式单）排版样式"：
inline样式单采用HTML标签的“style”属性，它的特点是“定义某一个标签的式样单风格”，只对所定义的标签起作用，并非对整个页面起作用。例如：
<p style="font-size: 14pt; color:#99ff99; font-family:宋体">层叠式样单</p>
看到的效果：
层叠式样单
使用行内样式单，你必须为每行指定样式规则，否则下一行时浏览器将使用页面的缺省设置。但是：有时候这种方式却非常有效。
（4）使用“import(输入的外部式样单)”--适用于IE浏览器。
<html>
<head>
<style type="text/css">
<!--
@import url(my.css);
-->
</style>
</head>
<body>
<h3>输入的外部式样单</h3>
</body>
</html>
如果你还想了解更多这方面的信息，记得收藏关注本站。