tyle后面直接写a{XXX} a是标签选择器。
.a{ZZZ} .a是类选择器。
直接在head内写的是内部样式。直接在元素内写的是内联样式。最后的是外部样式,需要在head内(/style)外写上link当中的href写外部文件名。
Text-shadow:rga(0,0,0,0.5)2px 2px 2px 是添加阴影,内部名称依次是颜色,x轴,y轴,模糊半径
Text-align:center居中 text-decoration:none是隐藏下划线 text-decoration:over是文字上面的线 这些都可以使用在样式中 text-decoration:underline 悬浮时显示下划线
伪类: a:link()这个是网页没有被访问时的样式,这个需要a链接中填写了任意网址才能正常显示
a:visited()这个是网址访问后显示的样式
a:hover()指的是鼠标指针悬停网址时的样式
a:active()指鼠标点击时显示的样式
这几类当中必须要按照L,V,H,A的先后顺序编写。
Cursor:pointer 表示鼠标超链接指针
Cursor:default 默认手势
Cursor:wait 等待
Cursor:help 可用的帮助
Cursor:crosshair 选择区域时使用
Font-size: 字体大小
Font-family:字体
Font-style: 风格
Font-weight: 粗细
顺序是风格,粗细,大小,类型f
Background-image:url() 这种背景图片会自动将背景占满。所以需要background-repeat:no repeat这样就只会出现一次不会重复。其中repeat-x就是在x轴内重复。
Background-position:20px 100px 这个可以选择图片的位置。
Background属于复合元素,前面的是可以写在一起的。
图片后方有文字可使用vertical-align:middle
去掉无序列表边上的小黑点可使用list-style:none
在style中写*{margin:0;padding:0}是可以去除额外的空格
Ul li可表示在ul下的所有li元素
Text ident表示缩进
盒子
Padding 内边距,会改变div显示的宽高,margin外边距
Solid表示实线,broder表示边框
Border-top-width:10px
Border-top-height:10px
需要先固定样式
盒子模型是由margin,padding,content,border组成的
Border,background,font都是复合属性