css样式设置的方法:
1.内部样式
2.行内样式
3.外部样式
字体样式属性
font-size:“字体大小”
font-family:“字体”
font-weight:“粗细”
font-style:“字体风格” italic斜体 oblique 倾斜
font:综合设置字体样式
基本语法:font: font-style font-weight font-size/line-height font-family;
使用font属性时,必须按照以上的语法顺序书写,各属性以空格隔开。
其中不需要的属性可以省略(取默认值),但必须保留font-size和font-family属性。
line-height :行间距
color:颜色 单词/16进制/rgb/rgba/hsla h:色调0-360 s:饱和度 0-100% l:亮度 0-100% a:透明度 0-100%
text-indent: 首行缩进
text-align 水平对齐方式
text-indent 首行缩进
letter-spacing 文字间距
text-decoration: 上中下划线
underline
overline
line-through
基础选择器:
标签选择器p{} span{}
类别选择器 class{}
id选择器 #id{}
通配符选择器*{}
复合选择器:
交集选择器span.classname{}
并集选择器classname,classname{}
后代选择器 span everychoose{}
子代选择器 div>p{}
伪类选择器:
:link{} 未访问的链接
:visited{} 已访问的链接
:hover{} 鼠标移动到链接上 可以在别的标签上使用
:active{} 选定的链接 也可以
尽量按照lvha顺序书写
text-deciration:no;清除a下划线
清除列表前面的的点
list-style-type:none;
块转行内:display:inline
行内转块:display:block
块、行内元素转换为行内块:diaplay: inline-block;
选择器与{}之间要有空格,属性名:之间不要有空格,有多个选择器时选择器要在同一个位置,选择器的嵌套层级应不大于3,属性定义另起一行,
测试行高 line-height
background-color 背景颜色
background-image 背景图片地址 语法:url(“相对位置”)
background-repeat 是否平铺
background-position 背景位置 语法:左右上下;% 先左右后上下
background-attachment 背景固定还是滚动
background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
border-style: solid 实线;dashed 虚线;dotted 点线;double 双实线
层叠性:一般情况下如果出现样式冲突会按照css书写顺序以最后的样式为准
继承性:子标签会继承父标签的某些样式
优先级:id选择器>类名选择器>标签.元素本身的选择器>继承. 行内元素>内部样式.!important大于一切