CSS
2017-01-23 10:57
411 查看
@CHARSET "UTF_8";
*{
padding:0;
margin:0
}
margin是外边距 padding是内边距 意思就是 外边距=0 内边距=0
@CHARSET "UTF_8";
*{
padding:0;
margin:0
}
margin是外边距 padding是内边距 意思就是 外边距=0 内边距=0
border:2px solid#ccc;
画一个边框,边线宽为2个像素 实线 颜色为#
margin-left10px; 是只限制和左边的距离
margin0 0 0 10px; 是限制里上下左右的距离
text-align:center
text 文本 align 对齐 centenr 中心 其实很简单的 就是把你的文字之类的放在中间 一般用在标题里
clear:both;
清除浮动
margin:50px 0 0 50px;
向右向下浮动
display:inline;
display属性值: none 此元素不会被显示。
letter-spacing:1px
检索或设置对象中的文字之间的间隔。
text-decoration:none;
文本修饰无
color:#f00;
text-decoration:underline;
下划线
border-top border-right border-left 也可以这么写: border: 1px solid #ED9F9F; border-width: 0 0 1px 0;
绝对定位(absolute)、相对定位(relative),
完整应该是<a href="#" target="_blank"></a> 意思是在新的页面窗口打开一个超链接
readonly="readonly"限制写入
border:2px solid#ccc;
画一个边框,边线宽为2个像素 实线 颜色为#
margin-left10px; 是只限制和左边的距离
margin0 0 0 10px; 是限制里上下左右的距离
text-align:center
text 文本 align 对齐 centenr 中心 其实很简单的 就是把你的文字之类的放在中间 一般用在标题里
clear:both;
清除浮动
margin:50px 0 0 50px;
向右向下浮动
display:inline;
display属性值: none 此元素不会被显示。
letter-spacing:1px
检索或设置对象中的文字之间的间隔。
text-decoration:none;
文本修饰无
color:#f00;
text-decoration:underline;
下划线
border-top border-right border-left 也可以这么写: border: 1px solid #ED9F9F; border-width: 0 0 1px 0;
@CHARSET "UTF_8";
*{
padding:0;
margin:0
}
margin是外边距 padding是内边距 意思就是 外边距=0 内边距=0
border:2px solid#ccc;
画一个边框,边线宽为2个像素 实线 颜色为#
margin-left10px; 是只限制和左边的距离
margin0 0 0 10px; 是限制里上下左右的距离
text-align:center
text 文本 align 对齐 centenr 中心 其实很简单的 就是把你的文字之类的放在中间 一般用在标题里
clear:both;
清除浮动
margin:50px 0 0 50px;
向右向下浮动
display:inline;
display属性值: none 此元素不会被显示。
letter-spacing:1px
检索或设置对象中的文字之间的间隔。
text-decoration:none;
文本修饰无
color:#f00;
text-decoration:underline;
下划线
border-top border-right border-left 也可以这么写: border: 1px solid #ED9F9F; border-width: 0 0 1px 0;
绝对定位(absolute)、相对定位(relative),
完整应该是<a href="#" target="_blank"></a> 意思是在新的页面窗口打开一个超链接
readonly="readonly"限制写入
<link href="layout.css" rel="stylesheet" type="text/css" />
内容(content)、填充(padding)、边框(border)、边界(margin),
margin:0px; padding:0px; 边缘 填充
margin:auto边缘自动
margin:0 auto 上下边界为0,左右则根据宽度自适应相同值(即居中)
list-style: none; 表明list项前面没有什么修饰(一片空白)起点圆点
font-family这个属性是用于设置字体类型,后面的参数“Verdana”是一种字体
line-height:20px 行间距 20像素.
text-decoration:none;去掉下划线 一般用于设置清除超链接的默认下划线
a:hover { color:#0066FF;}鼠标放上去的颜色
#menu { width: 100px; border: 1px solid #CCC; }边框和固体颜色
#menu ul li:hover ul { display:block;}
在鼠标移到li上的时候它下面的ul会显示
id="menu"
ul
li:hover
ul
a:visited { color: #999; text-decoration: line-through; }
现在所有未访问过的链接是红色,而所有访问过的链接将变成淡灰色(如图7-2所示)。让访问过的链接和没有访问过的链接有所不同的是非常重要的。这是一个大家都接受的惯例,并且可以立即突出在本机上已经访问过的所有连接。
a:hover { color: #F00; text-decoration: underline; }
假定有一个很大的连接列表,或者有一个到处都是链接的段落,如果没有某种形式的交互,用户很容易就会点错链接,从而被带到错误的目的网页。强大的:hover伪类可以解决这个问题,该伪类除了能够提高可用性外,也是非常吸引人的。
a:active { color: #F0F; }
a:visited 访问后的样式,鼠标点击这个链接之后的样子(其中包括颜色、字体大小之类的)
a:active 是点击时候的一个样式 ,鼠标放在这个连接上的样子(同样包裹字体的颜色,打字大小一系列的样式)
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
p:first-letter首字
这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了
<div style= "display:inline "> DIV1 </div>
<div style= "display:inline "> DIV2 </div>
DIV1和DIV2这时候显示在同一行了,试试看吧
相关文章推荐
- 简单实现页面“自适应”样式,小技巧!!!
- css中的大于号(>)作用
- 2017 css新特性
- 前端学习2(css基础巩固)
- getComputedStyle与currentStyle获取样式(style/class)
- css中absolute使用,用position和transform是div里面的div垂直居中
- 在慕课上学习的,HTML和CSS基础学习笔记5
- CSS样式
- 【CSS】CSS小结
- 根据元素在节点树里的位置设置它们的样式(styleElementSiblings函数)
- CSS页面渲染优化属性will-change
- css3模拟jq点击事件
- CSS网页布局
- 7个CSS单位
- 2017年要学习的三个CSS新特性
- css实现垂直居中
- 样式表必须是当前项目的一部分
- krpano全景之修改默认热点样式和载入效果
- HTML&CSS-0
- 用css样式修改input控件和button控件