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. 代码成长记录之jquery this使用

    后台管理的一个项目,第一次主动尝试自己动手写交互,果然问题来了,之前想当然觉得自己能写,不动笔,真的是对自己不负责任啊! 效果图是这样的,按我的思维写下来是点击一个‘更改’  多个地方会同时触发下拉 ...

  2. Post提交

    以下两种Post提交方法都可行 /// <summary> /// post 数据 /// </summary> /// <param name="url&qu ...

  3. python错误类型

    在运行或编写一个程序时常会遇到错误异常,这时python会给你一个错误提示类名,告诉出现了什么样的问题(Python是面向对象语言,所以程序抛出的异常也是类).能很好的理解这些错误提示类名所代表的意思 ...

  4. org.apache.catalina.webresources.Cache.getResource Unable to add the resource

    org.apache.catalina.webresources.Cache.getResource Unable to add the resource at xxx to the cache be ...

  5. CentOS7下zip解压和unzip压缩文件

    1.安装zip.unzip应用. yum install zip unzip

  6. CASS 2008的野外操作码

    表D-1  线面状地物符号代码表 坎类(曲):   K(U) + 数(0-陡坎,1-加固陡坎,2-斜坡,3-加固斜坡,4-垄,5-陡崖,6-干沟) 线类(曲):   X(Q) + 数(0-实线,1-内 ...

  7. spider_text

    __author__ = 'sus'import urllibimport urllib2import re def getPage(url):        #获取网页 request = urll ...

  8. 【PCB】【AD使用】Altium Designer 的entry sheet ,offsheet和port作用

    Altium Designer之多图纸设计 1.图纸结构 图纸包括两种结构关系: 一种是层次式图纸,该连接关系是纵向的,也就是某一层次的图纸只能和相邻的上级或下级有关系: 另一种是扁平式图纸,该连接关 ...

  9. iOS开启隐藏文件以及显示文件方法

    显示:defaults write com.apple.finder AppleShowAllFiles -bool true 隐藏:defaults write com.apple.finder A ...

  10. Matrix(单点移动,多点缩放)

    package cn.iris.matrixapi; import android.app.Activity; import android.graphics.Matrix; import andro ...