CSS常用属性和值_html/css_WEB-ITnose
程序员文章站
2022-06-12 18:06:51
...
下载高清图: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 aaaaaathis is header one
this is header two
运行结果:
当鼠标移到三个边框上时,鼠标指针会发生相应变化:分别变成移动,等待,还有小手的状态。具体参考
5.列表
list
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- aaaaaaaaaaaaa
- 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+”);
}
推荐阅读
-
常用正则:身份证号码验证正则表达式_html/css_WEB-ITnose
-
input的宫格输入和shift多选_html/css_WEB-ITnose
-
为什么padding和margin在span中不好用_html/css_WEB-ITnose
-
div css 常用技巧_html/css_WEB-ITnose
-
DIV常用的居中方法_html/css_WEB-ITnose
-
css3常用动画+动画库_html/css_WEB-ITnose
-
前端开发中常用的小技巧整理_html/css_WEB-ITnose
-
HTML复选框和提交按钮组合设置_html/css_WEB-ITnose
-
修改AFNetworking源文件可接收text/plain和text/html的方法_html/css_WEB-ITnose
-
在webstorm下使用compass 和 sass_html/css_WEB-ITnose