首页 > 代码库 > css 初级总结
css 初级总结
css是一种计算机语言.用来在HTML中控制显示的效果.
css有五种使用的方式:
1 默认 比如一些标签(元素)自带的 css效果 <h1></h1> <div></div>
2行内样式 直接在标签里面来设置css.
3内嵌样式 在<style></style>来设置 .
4@import url(".css文件") 导入样式
5链接样式 <link type="text/css" rel="stylesheet" href="http://www.mamicode.com/.css文件" /">
优先级 行内>内嵌>导入or链接>默认
获得元素的坐标offsetLeft/offsetTop/offsetWidth/offsetHeight/offsetParent
div的默认为盒子模型 层级:margin border padding 内容
相对定位relative /绝对定位absolute/固定定位fixed
z-index 值为整数.默认为0.可正可负.
值越大越在前面。覆盖后面的效果.
基本的样式有
font / text / background / border /
text-align(left,right,center);对齐方式
text-decoration(枚举值:none没有,underline下划线,overlint 上划线,line-through 穿划线..)文本修饰
text-indent(长度单位 px,%百分比,em一个字符,in,cm,mm.. )缩进的长度值
color:(+颜色单词); red, orange, yellow, green, blue, indigo, purple
color:rgb(255,0,0)[0.255]合成的颜色.十进制红/绿/蓝的分量组成
color:rgba(0,0,0,0)[0.255]四种颜色三种颜色加一个透明色
CSS的特点.父标签属性会被子标签继承.如果子标签中设置了属性会覆盖父属性
一个标签最终的显示结果是多种显示效果的叠加.
css 初级总结