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(背景图不随页面滚动轴滚动);

css基本设置的更多相关文章

  1. html页面制作css基本设置

    html{ height: 100%;} *{ margin: 0; padding: 0;}/* tell the browser to render HTML 5 elements as bloc ...

  2. 指定变形中心点CSS3

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...

  3. 应用多种变形CSS3

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...

  4. 变形CSS3

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...

  5. Matplotlib数据可视化(3):文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  6. 关于 CSS 反射倒影的研究思考

    原文地址:https://css-tricks.com/state-css-reflections 译者:nzbin 友情提示:由于演示 demo 的兼容性,推荐火狐浏览.该文章篇幅较长,内容庞杂,有 ...

  7. CSS预处器的对比——Sass、Less和Stylus

    预处器的对比--Sass.LESS和Stylus 转载: 英文原文:http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less ...

  8. css引入方式优先级以及不同选择器的优先级区别

    我们都知道css有3种基本设置方式即 1.行内也叫嵌入式 例如: <div style='background:red'></div> 2.内联式,在html文件中用style ...

  9. 《CSS网站布局实录》学习笔记(四)

    第四章 CSS网站元素设计 4.1 网站导航 网站导航是网站中最重要的元素.从形式上看,网站导航主要分横向导航.纵向导航.下拉及多级菜单导航灯3种常见形式. 横向导航:作为门户网站的设计而言,主导航一 ...

随机推荐

  1. PC端和移动端一些奇葩兼容性问题

    IE10默认在input框中输入内容时会显示一个'X',密码框会显示一个'小眼睛',怎么把这个默认的'X'或者'小眼睛'删除掉. 在password输入框显示一个“小眼睛”的按钮,去掉他的方法如下: ...

  2. 安装LoadRunner提示缺少vc2005_sp1_with_atl..

    装自动化负载测试工具LoadRunner前,需要预先安装其运行的基础环境.如:安装LoadRunner 11时就需要先安装Micrsoft Visual C++ 2005 SP1.C++ 2008运行 ...

  3. thinkjs中自定义sql语句

    一直以为在使用thinkjs时,只能是它自带的sql语句查询,当遇到类似于这样的sql语句时,却不知道这该怎样来写程序,殊不知原来thinkjs可以执行自定义sql语句 SELECT * from a ...

  4. java selenium (八) Selenium IDE 用法

    Selenium IDE 是Firefox 浏览器的一个插件, 它会记录你对Firefox的操作,并且可以回放它的操作. 用法简单,不过我觉得这个没多大的用处 阅读目录   Selenium IDE ...

  5. POJ 3278 Catch That Cow

    注:本人英语很渣,题目大意大多来自百度~=0= 题目大意 农民约翰需要抓住他的牛,他和他的牛在一条直线上(估计是一维生物),约翰在N (0 ≤ N ≤ 100,000)处,他的牛在 K (0 ≤ K ...

  6. innoDB 存储引擎

    innodb 是在mysql 5.5.8 及之后的版本中成为mysql的默认存储引擎.之前都使用myisam.   innodb 是事务型的存储引擎 支持ACID事务,适用于小事务.   1.表空间类 ...

  7. Game02 最新版本2.0.0

    Game02发布转站于此,欢迎大家下载.... 简介: Game02是由ImGenius开发的一款即时在线小游戏.玩法简单,易于上手,主要靠技术,不会出现不要脸的充值等内容. 操控方法:W和A左右移动 ...

  8. FTP Proxy Server

    本文将在Linux环境下实现一个简单的FTP代理服务器,主要内容涉及FTP主动/被动模式和简单的Socket编程. 1. 主动模式和被动模式 FTP有两种模式,即主动模式(Active Mode)和被 ...

  9. Spring 通过配置文件注入 properties文件

    当我们需要将某些值放入 properties文件 key=value 的方式,获取文件信息使用spring 注入的方式会变得很便捷 1. spring 配置文件需要导入 <?xml versio ...

  10. 易云盘(nester)-面对企业的和团队文档管理的平台

    易云盘(nester)是本人的另外一款作品,先前开发和维护的在线设计工具Visor也已经合并在Nester的最新版里了. 目前作为共享版发布. 特点 Nester后端是以Spring Framewor ...