锐客网

  1. 首页 > it技术 > >

HTML学习笔记-CSS

css概念:
css全称Cascading Style Sheet,即层叠样式表.它重新定义了HTML中原来的文字显示样式，增加了一个新概念，如类、层等，可以对文字重叠、定位。
css语法规则：
选择符{
属性：属性值
}
选择符：又称选择器，所有HTML中的标记都是通过不同的CSS选择器进行控制的。
属性：主要包含字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。但是某些属性只被部分浏览器支持。
属性值：是某属性的有效值。多个属性之间用”; ”分隔开。
css选择器:
css选择器常用标签选择器、类别选择器、id选择器等。可以通过选择器可对不同的HTML标记进行控制，从而实现不同的鲜果。
背景属性：
background-attachment: 背景图片是否固定 background-color:这是背景色
background-image:设置图片背景
background-position:设置背景图片的起始位置
background-repeat:设置图片是否及如何重复
文本属性：通过文本属性，可以改变文本的颜色、字符间距、对齐文本、装饰文本及文本缩进等操作
color：文本颜色
direction:文本方向
line-height:行高
text-align:对齐元素中的文本
text-indent:缩进元素中文本的首行
text-transform:元素中的字母
轮廓:
outline:设置轮廓属性
outline-color:设置轮廓颜色
outline-style:设置轮廓样式
outline-width:设置轮廓宽度
字体属性：
定义文本的字体系列、大小、加粗、风格和变形等。
font-family:设置字体系列
font-size:字体尺寸
font-style:字体风格
font-variant:以小型或正常字体显示文本
font-weight:字体粗细
列表属性:
list-style:none 去掉圆点
表格:
border:表格边框
border-collapse:折叠边框
widows/height:表格宽高
text-align:表格文本对齐
padding:表格内边距
background-color:表格颜色
css定位:改变元素在页面上的位置
定位属性
position:把元素放在一个静态的、相对的、绝对的或固定的位置中。
top:元素向上的偏移量。
left:元素向左的偏移量。
right:元素向右的偏移量。
bottom:元素向下的偏移量。
overflow:设置元素溢出其区域发生的事情。
top、left、right、bottom只能在使用定位时才能生效,相对于相对属性(参照物)的距离.
position属性主要包含4个值：
static:偏移属性没有效果
relative:相对位置
absolute:绝对位置
fixed:固定定位,随页面滑动而滑动
clear属性可以去掉浮动效果
relative 只设置这个属性 不会改变当前元素的形态。
absoult 会去上一层找一个默认的相对属性（relative）,如果没有，在去上一层。简称父相子绝。
浮动属性:如果块级元素想要在同行显示必须脱离当前正常文档流
脱离当前正常文档流，漂流，在当前自身所占区域（无法挤占其他已确定的区域）进行浮动
当前元素所占大小即为自身内容大小



【HTML学习笔记-CSS】z-index:设置图层，值越大，越先显示。

    推荐阅读


    上一篇：TIM

    下一篇：【小区总监】中期复盘