书写格式和引入方式
选择器 {属性1:值1;属性2:值2}
单位:<p
>
颜色表示法
1.单词表示法---"red"
2.十六进制表示法---"#ff0000"
3.RGB三原色表示法---"rgb(255,0,0)"
4.rgba
颜色获取:插件或photoshop
背景样式和视觉差的实现
1.背景色:background-colour:颜色描述
2.背景图:background-image:url()
3.平铺方式:background-repeat repeat(默认) x-repeat y-repeat no-repeat
4.背景位置:background-position: x left center right y top center bottom
5.背景图随滚动条移动的方式:backgroung-attachment; scroll背景图按照当前元素进行偏移 ; fixed按照浏览器进行偏移
边框样式
boder-style:solid dashed dotted
boder-width:
boder-color:transparent(透明)
字体样式
font-family
font-size: 16px
font-weight: normal bold 100~900
font-style: normal italic
文本样式
text-decoration:文本装饰 underline line-through overline none
text-transform: uppercase lowercase capitalize
text-indent: 12em 1em
text-align: justify 两端点对齐
line-height: number(px) scale
letter-spacing(字间距)
word-spacing(词间距)
复合样式
background: red url() repeat;
font;weight style size family;
CSS选择器
ID选择器
元素在HTML中是唯一的,用于选择唯一的元素。要选择具有特定 id 的元素,请写一个井号(#),后跟该元素的 id。
CLASS选择器
类选择器选择有特定 class 属性的 HTML 元素。
如需选择拥有特定 class 的元素,请写一个句点(.)字符,后面跟类名。
标签选择器
去默认样式,或在复杂的选择器中使用
通用选择器
通用选择器(*)选择页面上的所有的 HTML 元素。
群组选择器
div ,p ,#elem , ·elem{}
层次选择器
1.后代 M_N{}——M下属所有N
2.父子 M>N{}——M下一层的所有N
3.兄弟 M~N{}——M当前层级中写在M下面的所有N
4.相邻 M+N{}——M当前层级下一行的N
属性选择器
M[atter]{}
div[class^#=a]{}
匹配:^= 其实
$= 结束
是一篇very粗略的文章,,,,
大概能看懂,,,吧?