
正文
css公共样代码 css样式代码写在什么位置
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎样写CSS样式代码
CSS的定义由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
CSS语法:
selector {property: value}
选择符 {属性:值}
选择符有多种:类型选择符、通配选择符、属性选择符等。
类型选择符:一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开。
例子:body {color: black},此例的效果是使页面中的文字为黑色。
如果需要对一个选择符指定多个属性时,我们使用分号将所有的属性和值分开。
例子:p {text-align: center; color: red} (段落居中排列;并且段落中的文字为红色)
这里只是最基本的写法,建议你去找教程学习,比如w3cschool里的CSS教程。
在此推荐经典教程《精通CSS》。
参考资料里有一些稍微详细的内容,建议你看一看。
相关问答
Q1: css样式里常用代码 包括哪些
font-size:12px;/*文字大小*/
color:#CCCCCC;/*文字颜色*/
font-family:Arial,
Helvetica,
sans-serif;/*设置字体*/
font-weight:bold;/*文字加粗*/
text-align:center;/*DIV标签内部水平方向居中或居左右*/
text-decoration:underline;/*下划线*/
line-height:150%;/*行高*/
margin:10px
5px
0;/*容器外部边距*/
margin-top:10px;
padding:10px
5px
0;/*容器内部边距*/
float:left;/*1.仅在做列的结构才用
2.用了float要用父DIV包起来*/
background-color:#999999;/*背景颜色*/
background-image:url(images/test.gif);/*背景图片*/
background-repeat:no-repeat;/*背景图片不平铺*/
background-position:5px
10px;/*背景图片的位置,第一个为横坐标,第二个为纵坐标*/
list-style-type:none;/*消除ul无序列表li前面的小黑点*/
display:block;/*以块形式显示,通常用于链接中实现鼠标划过的效果*/
display:inline;/*当用了float时做靠边的DIV外边距出现翻倍情况时才使用,针对的是IE6的一个bug*/
border:1px
solid
#ccc;/*表格、DIV、LI、A等容器的边框属性,虚线是dashed*/
overflow:hidden;/*溢出部分隐藏*/
overflow:auto;/*自动判断容器高度,从而选择自动出现/隐藏垂直滚动条*/
/*自动适应高度,并且兼容火狐的做法*/
clear:both;
overflow:hidden;
Q2: 请一篇 公共css 代码
不是别人的你都能用
/*rest*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;} ol,ul{margin:0; padding:0;list-style:none;}
img { border:none; }
a { color:#3B5670; text-decoration:none; }
a:hover { color:#017D10; text-decoration:underline; }
.l { float:left; }
.r { float:right; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix { display:block; }
/* End hide from IE Mac */
/* end of clearfix */
比如我的常用的 你能保证是你常用的么?
所以 最好还是自己写 另外注意 只要有用的代码,没用的代码不要加上!
css公共样代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于css样式代码写在什么位置、css公共样代码的信息别忘了在本站进行查找喔。






