笔记

87 阅读2分钟

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都是复合属性