css引入方式:

头部引入:在HTML页面头部编写程序(一般用在访问量大的网页上)

标签内引入:在标签内直接写样式(优先级最高,但难于维护,会沉积大量代码)

外部引入:用link标签引入(常用 ,维护成本低,易改版)

css基本设置

字体属性设置:font-family:“宋体”;(可设多个字体,浏览器会逐个匹配直到匹配合适字体)浏览器是从客户电脑上匹配电脑上的字体。

字体风格设置:font-style:normal(正常)italic(斜体);

字体是否加粗:font-weight:bold(加粗)normal(不加粗);

字体大小设置:font-size:像素值px或em;

设置字体颜色:color:颜色或rgb值或#ccc十六进制值;

文本修饰设置:text-decoration:none(无文本修饰)underline(添加下划线)overline(添加上划线)line-through(添加贯穿线);

文本缩进设置:text-indent:像素值px或em(2em按照字体大小缩进两个字体的距离);

文本水平设置:text-align:center(居中)left(靠左)right(靠右);

文本垂直设置:vertical-align:middle(居中)top(靠顶)bottom(靠低);(此属性直对表格元素兼容性比较好,其他属性设置用可能无效。一般用line-height属性设置垂直居中。)

行高设置:line-height:像素值px或百分比;(行高设置跟父级高度一致的话就会垂直居中)

字词间隔属性设置:word-spacing:像素值px或normal(正常);

字符间隔属性设置:letter-spacing:像素值px或normal(正常);

背景颜色设置:background-color:颜色或rgb值或#fff十六进制值;

背景图片设置:background-image:url(“图片路径”);

背景图片平铺属性设置:background-repeat:repeat(平铺,默认值)no-repeat(不平铺)repeat-y(Y轴平铺)repeat-x(X轴平铺);

背景图定位设置:background-position:(x轴 y轴);可以像素值px或百分比值或方位值(left right top bottom);

背景图滚动设置:background-attachment:scroll(背景图随页面滚动轴滚动)fixed(背景图不随页面滚动轴滚动);

最新文章

  1. Linux网卡驱动安装、防火墙原理
  2. 关于refs/for/ 和refs/heads/
  3. 51job前程无忧网站打不开,51job网站进不了,51job打不开
  4. 使用signal、setjmp、longjmp进行Linux/Android C异常处理
  5. 【HDOJ】1099 Lottery
  6. Install MongoDB on Windows (Windows下安装MongoDB)
  7. SpringMVC 3.2集成Spring Security 3.2集成mybaties
  8. JAVA提高九:集合体系
  9. Java 多线程入门
  10. linux 硬链接 软链接
  11. python中使用queue实现约瑟夫环(约瑟夫问题)求解
  12. AI mac安装TensorFlow
  13. mybatis的selectOne和selectList没有数据返回时的问题
  14. HiveQL之Database相关操作
  15. Java序列化总结
  16. centos 7安装vmtools时提示The path "" is not a valid path to the xxx kernel headers.
  17. 论战大数据----胖子哥的PK之旅(一)
  18. Python之Pandas中Series、DataFrame
  19. E.Text Editor (Gym 101466E + 二分 + kmp)
  20. Idea_03_常用快捷键

热门文章

  1. WCF学习总结
  2. Android之ViewPager组件实现左右滑动View
  3. 转发 XHTML 和 DOCTYPE 切换(MSDN)
  4. erlang服务器启动,有情况会报,enif_send: env==NULL no ono-SMP VMAborted 的错误报告?
  5. 浅谈对ionic项目的理解
  6. android 取消edittext焦点
  7. CSS3入门--线条动画特效实例
  8. math and date、ajax、画布
  9. google closure--继承模块二:goog.base()demo分析
  10. 应用jacob组件造成的内存溢出解决方案(java.lang.OutOfMemoryError: Java heap space)