css基本设置
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基本设置的更多相关文章
- html页面制作css基本设置
html{ height: 100%;} *{ margin: 0; padding: 0;}/* tell the browser to render HTML 5 elements as bloc ...
- 指定变形中心点CSS3
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> < ...
- 应用多种变形CSS3
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> < ...
- 变形CSS3
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> < ...
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- 关于 CSS 反射倒影的研究思考
原文地址:https://css-tricks.com/state-css-reflections 译者:nzbin 友情提示:由于演示 demo 的兼容性,推荐火狐浏览.该文章篇幅较长,内容庞杂,有 ...
- CSS预处器的对比——Sass、Less和Stylus
预处器的对比--Sass.LESS和Stylus 转载: 英文原文:http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less ...
- css引入方式优先级以及不同选择器的优先级区别
我们都知道css有3种基本设置方式即 1.行内也叫嵌入式 例如: <div style='background:red'></div> 2.内联式,在html文件中用style ...
- 《CSS网站布局实录》学习笔记(四)
第四章 CSS网站元素设计 4.1 网站导航 网站导航是网站中最重要的元素.从形式上看,网站导航主要分横向导航.纵向导航.下拉及多级菜单导航灯3种常见形式. 横向导航:作为门户网站的设计而言,主导航一 ...
随机推荐
- MVC5+EF6 入门完整教程十一:细说MVC中仓储模式的应用
摘要: 第一阶段1~10篇已经覆盖了MVC开发必要的基本知识. 第二阶段11-20篇将会侧重于专题的讲解,一篇文章解决一个实际问题. 根据园友的反馈, 本篇文章将会先对呼声最高的仓储模式进行讲解. 文 ...
- Windows Store App JavaScript 开发:选取文件和文件夹
前面提到过,文件打开选取器由FileOpenPicker类表示,用于选取或打开文件,而文件夹选取器由FolderPicker类表示,用来选取文件夹.在FileOpenPicker类中,pickSing ...
- ElasticSearch部署安装
测试版本:elasticsearch-5.1.1 1.Windows环境下安装(win10系统) 1)解压elasticsearch-5.1.1.zip. 2)执行elasticsearch.bat启 ...
- SAP SD 销售凭证如何设置字段必填
在实际业务中,我们经常遇到需要设置某些字段是必输的.那么在SAP中创建销售订单时如何控制必填字段呢?请看操作手册 第一步:设置屏幕增强 T-CODE:shd0 上截图 1----输入需要控制的事物代码 ...
- 用cmd命令行导数据
Imp hbtest/hbtest@moms file=d:/hj.dmp fromuser=moms touser=hbtest 也可以用PL/SQL Developer "工具&quo ...
- python datetime处理时间
原文:http://blog.csdn.net/JGood/article/details/5457284 Python提供了多个内置模块用于操作日期时间,像calendar,time,datetim ...
- 更新证书错误:No matching provisioning profiles found
在Xcode中当你在更新了你得证书而再重新编译你的程序,真机调试会出现“Your build settings specify a provisioning profile with the UUID ...
- Redux教程1:环境搭建,初写Redux
如果将React比喻成士兵的话,你的程序还需要一位将军,去管理士兵(的状态),而Redux恰好是一位好将军,简单高效: 相比起React的学习曲线,Redux的稍微平坦一些:本系列教程,将以" ...
- Eclipse中怎么安装TestNG单元测试框架
在进行使用的eclipse的进行开发的代码中,必然就会需要进行单元测试,在单元测试的情况提供较多的框架单元测试,例如使用junit单元测试,而在国外进行开发较好的单元测试,提供了较好的测试的报告,ju ...
- php发送邮件
<?php header("content-Type: text/html; charset=utf-8"); require("class.phpmailer.p ...