css文档中心

CSS 和 JavaScript 标签 style 属性对照表：
盒子标签和属性对照
CSS语法（不区分大小写） JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
float floatStyle
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding ......

-----------------------------------------------
链接外面文件css
<link href="layout.css" rel="stylesheet" type="text/css" />
-----------------------------------------------
写文本 : <div id="mainContent">
    <p>1列固定宽度居中+头部+导航+尾部——<a href="http://www.aa25.cn">标准之路 </a></p>
-----------------------------------------------
加上下间隔
<br class="clearfloat" />
-----------------------------------------------
加回车
<p>This is the sidebar<br />
        <br />
    This is the sidebar<br />
      <br />
    This is the sidebar </p>
-----------------------------------------------
#layout {
    border: 2px solid #A9C9E2;
    background-color: #E8F5FE;
    height: 200px;
    ......

jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题！ Myeclipse 6.5
在html中都可以显示在jsp中显示不出来！不过把样式写在jsp页面部分就可以显示出来
<style type="text/css">
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} </style>
调用样式表就显示不出！
images/qingchu.JPG 改成这样路径也改了 url(../images/qingchu.JPG); 一样显示不出来
====解决========================================================================
放在css/style.css这里面时，因为在css目录下，
放JSP页面时出来images/qingchu.jpg证明images和css和jsp页面在同一目录
你的结构是这样的
css/style.css
images/qingchu.jpg
*.jsp
所以你直接写在jsp页面上时会显示出来，但你放在css/style.css中时，图片路径要相对于css文件
即要改成../images/qingchu.jpg
而且文件名的大小写一样要特� ......

首先要说的是元素的border，元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。
CSS 边框
在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。
元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。
每个边框有 3 个方面：宽度、样式，以及颜色。
边框的样式
样式是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有样式，将根本没有边框。也就是说："border-width"和"border-color"属性不能单独使用，需要先用 "border-style“属性规定边框之后才可以使用。
CSS 的border-style 属性定义了 10 个不同的非 inherit 样式，包括 none。也可以为一个边框定义多个样式，例如：
p.aside {border-style: solid dotted dashed none;}
上面这条规则为类名为 aside 的段落定义了四种边框样式：实线上边框、点线右边框、虚线下边框和一个不存在的左边框。
我们又看到了这里的值采用了 top-right-bottom-left 的顺� ......

css实现背景拉伸制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码：
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中，./images/counter_bg.jpg为显示图片路径。 ......

ninjacontent组件在我的网站上显示不正常，想修改它的CSS使其正常，可是怎么也找不到它的CSS的位置，现在终于找到了，特把它记录下来，以备有遇到跟我一样问题的人查看。
CSS位置：网站根目录\media\com_ninjacontent\css\目录下。 ......

CSS和JS标签style属性对照表

CSS基础练习

JSP页面中无法显示CSS中的背景图片

JSP页面中无法显示CSS中的背景图片

CSS Border

css实现背景拉伸，不可再实现连接

ninjacontent前台文章管理组件CSS修改