css 初级总结

Posted 2020-10-01

css是一种计算机语言.用来在html中控制显示的效果.

css有五种使用的方式：

1 默认 比如一些标签（元素）自带的 css效果 <h1></h1> <div></div>

2行内样式 直接在标签里面来设置css.

3内嵌样式 在<style></style>来设置 .

[email protected] url(".css文件") 导入样式

5链接样式 <link type="text/css" rel="stylesheet" href=".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的特点.父标签属性会被子标签继承.如果子标签中设置了属性会覆盖父属性
一个标签最终的显示结果是多种显示效果的叠加.