css大纲
1.格式：
2.内联样式、内部样式：
内部样式的代码可以复用，建议使用
3.外部样式：
引入css文件 name.css
通过link标签引入 ，rel属性指定资源和页面的关系，href属性资源的地址
或者@import 不建议使用
4.背景样式：
background-color 背景色
background-image 背景图
url 地址
默认 会水平垂直铺满背景图
background-repeat 平铺方式
background-position 背景位置
background-attachment 背景图随滚动条移动的方式
scroll 默认 背景位置按照当前位置偏移
fixed 背景位置按照浏览器偏移
5.边框样式
border-style
solid:
dashed:
dotted
border-width：边框大小
border-color： 边框颜色 transparent透明色
6.字体样式：
font-family
i.设置多个字体的目的
ii.引号的目的
font-size
默认16px，字体大小一般是偶数
font-weight 字体粗细
normal、bold（加粗）、number（100~900）100~500是正常，600~900是加粗
font-style 字体样式
normal、italic（斜体）、
font-corlor 颜色
7.css段落样式
text-decoration:文本装饰
underline
overline
line-through 删除线
none
text-transform:文本大小写
uppercase
lowercase
caoitalize首字母大写
text-indent:文本缩进
em单位，1em=字体大小
text-align:文本对齐方式
left、right、center、justify（两端点对齐）
line-height:定义行高
行高由：上边距、下边距、字体自身高度组成，下边距和上边距相等
letter-spacing:字之间的间距
word-spacing:词之间的间距（针对英文单词）
解决数字、英文不自动转行的问题：
word-break:break-all 非常强烈的折行
word-wrap:break-word 不太强烈，会产生空白区域
css复合样式：
符合写法通过空格实现，符合写法有的不关心顺序，例如：background、border
而font是需要关心顺序的
1.background：red url() repeat() 0 0;
2.border: 1px red solid;
3.font
最少需要两个值 size family
weight height size family √
style weight size famil √
weight style size/line-height family √
注：不建议复合单一混合写，如果非要混合写，一定先写混合，再写单一
1.格式：
2.内联样式、内部样式：
内部样式的代码可以复用，建议使用
3.外部样式：
引入css文件 name.css
通过link标签引入 ，rel属性指定资源和页面的关系，href属性资源的地址
或者@import 不建议使用
4.背景样式：
background-color 背景色
background-image 背景图
url 地址
默认 会水平垂直铺满背景图
background-repeat 平铺方式
background-position 背景位置
background-attachment 背景图随滚动条移动的方式
scroll 默认 背景位置按照当前位置偏移
fixed 背景位置按照浏览器偏移
5.边框样式
border-style
solid:
dashed:
dotted
border-width：边框大小
border-color： 边框颜色 transparent透明色
6.字体样式：
font-family
i.设置多个字体的目的
ii.引号的目的
font-size
默认16px，字体大小一般是偶数
font-weight 字体粗细
normal、bold（加粗）、number（100~900）100~500是正常，600~900是加粗
font-style 字体样式
normal、italic（斜体）、
font-corlor 颜色
7.css段落样式
text-decoration:文本装饰
underline
overline
line-through 删除线
none
text-transform:文本大小写
uppercase
lowercase
caoitalize首字母大写
text-indent:文本缩进
em单位，1em=字体大小
text-align:文本对齐方式
left、right、center、justify（两端点对齐）
line-height:定义行高
行高由：上边距、下边距、字体自身高度组成，下边距和上边距相等
letter-spacing:字之间的间距
word-spacing:词之间的间距（针对英文单词）
解决数字、英文不自动转行的问题：
word-break:break-all 非常强烈的折行
word-wrap:break-word 不太强烈，会产生空白区域
css复合样式：
符合写法通过空格实现，符合写法有的不关心顺序，例如：background、border
而font是需要关心顺序的
1.background：red url() repeat() 0 0;
2.border: 1px red solid;
3.font
最少需要两个值 size family
weight height size family √
style weight size famil √
weight style size/line-height family √
注：不建议复合单一混合写，如果非要混合写，一定先写混合，再写单一
相关推荐
nicepainkiller 2020-07-24
CSSEIKOCS 2020-07-18
jiedinghui 2020-10-25
Ladyseven 2020-10-22
zuncle 2020-09-28
xiaohuli 2020-09-02
葉無聞 2020-09-01
nicepainkiller 2020-08-20
AlisaClass 2020-08-09
myloveqiqi 2020-08-09
buttonChan 2020-08-02
drdrsky 2020-07-29
Ladyseven 2020-07-25
AlisaClass 2020-07-19
hellowzm 2020-07-19
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT
昔人已老 2020-07-19
骆驼的自白 2020-07-18
lanzhusiyu 2020-07-19
hellowzm 2020-07-19