您好,欢迎来到五一七教育网。
搜索
您的当前位置:首页CSS常用属性和值_html/css

CSS常用属性和值_html/css

来源:五一七教育网


下载高清图:css常用属性和值(思维导图总结)

1.字体

		font				

this is header one

this is header two

this is a paragraph


运行结果:


2.文本

		text				

this is header one

this is header two

this is a paragraph

baidu

运行结果:


3.背景

由于博主懒的去找背景的素材,所以运行之后,丑的不堪入目,不过重点没有错误嘛,大家关注代码所对应的效果就好了。

		background				

this is header one

this is header two

this is a paragraph

aaaaaaaaaaaaaaaaa

运行结果:


这张截图有点,看起来乱七八糟的,但是根据代码来找效果,也是很快的。很容易搞明白,每一句代码的意思。url就是自己随便哦添加的路径,大家不必在意。

4.边框(PS:加几句关于鼠标指针的代码)

		border				aaaaaa	

this is header one

this is header two


运行结果:


当鼠标移到三个边框上时,鼠标指针会发生相应变化:分别变成移动,等待,还有小手的状态。具体参考

  • aaaaaaaaaaaaa
  • aaaaaaaaaaaaa
  • aaaaaaaaaaaaa
  • aaaaaaaaaaaaa
  • aaaaaaaaaaaaa
  • aaaaaaaaaaaaa
    1. aaaaaaaaaaaaa
    2. aaaaaaaaaaaaa
    3. aaaaaaaaaaaaa
    4. aaaaaaaaaaaaa
    5. aaaaaaaaaaaaa
    6. aaaaaaaaaaaaa

    运行结果:


    截图中所显示的两个列表分别是一个无序列表和一个有序列表。

    但是在以后的开发中,我们基本不会使用默认的图像,都是自定义列表前面的图像。style="list-style-type:none.这句代码就是将列表前的符号风格设置为空,然后我们就可以自行添加自己需要的图像了。


    document.body.oncopy=function(){
    event.returnValue=false;
    var t=document.selection.createRange().text;
    l4ever = parent.document.location;
    var s=”本文来源: 李硕的专栏”;
    var y=”原文地址:” + http://blog.csdn.net/wzqnls + ” “;
    clipboardData.setData(’Text’,”+t+’\r\n’+s+’\r\n’+y+”);
    }

    Copyright © 2019- 517ttc.cn 版权所有 赣ICP备2024042791号-8

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务