分类
学习笔记

CSS

书写规范:选择器 { 样式 }

选择器分为基础选择器与复合选择器

基础选择器是由单个选择器组成的,又包括标签选择器、类选择器、id选择器和通配符选择器。

基础选择器

标签名 {
    样式
}

类选择器

.类名 {
   样式
}
注:
①.后紧跟类名
②长名称或词组可以使用中横线命名
③不用使用纯数字、中文、标签名命名

多类名
<div class="类名 类名"></div>

id选择器

#id名{
   属性1:属性值1;
}
id属性只能在每个html文档中出现一次

通配符选择器

*{
   属性1:属性值1;
}

字体属性

font-family:字体类型
font-size:字体大小   /*标题标签需要单独指定大小*/
font-weight:字体粗细 (属性值100~900,400相当于normal,700相当于bold)
font-style:文本风格 

文本属性

color     定义文本颜色
text-align    文本水平对齐方式    left、right、center
text-decoration  文本修饰  none、underline、overline、line-through
text-indent  首行缩进  em相对单位,font-size一个文字的大小
line-height  行间距
line-height=盒子高度  单行文字垂直居中

背景

background-color:transparent/color 背景颜色透明/有颜色
background-image:none/url  背景图片无/插入地址
background-repeat:repeat/no-repeat/repeat-x/repeat-y
背景图像平铺/不平铺/横向上平铺/纵向上平铺
background-position: x y ; 背景图片位置,可用方位名词或精确单位
background-attachment:scroll/fixed  背景图像随对象滚动/固定
background:rgba(0,0,0,0.3); 背景色半透明(取值0~1)

css三大特性

https://zhuanlan.zhihu.com/p/145152991

盒子模型

包括边框、外边框、内边距和实际内容
border-width  定义边框粗细
border-style  边框样式
border-color  边框颜色

发表评论