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种常见形式. 横向导航:作为门户网站的设计而言,主导航一 ...
随机推荐
- WPF MVVM 学习总结(一)
---恢复内容开始--- 1. MVVM简介 在WPF中,MVVM(View-ViewModel-Model)开发模型用的很多,它具有低耦合,可重用行,相对独立的设计和逻辑.所以备受广大开发者的喜爱. ...
- ajax无刷新删除、复制 THINKPHP
一.jquery 代码: <SCRIPT LANGUAGE=javascript> function delGoods(goodsID) { if(confirm( " ...
- MVC5+EF6 入门完整教程十
本篇是第一阶段的完结篇. 学完这篇后,你应该可以利用MVC进行完整项目的开发了. 本篇主要讲述多表关联数据的更新,以及如何使用原生SQL. 文章提纲 多表关联数据更新 如何使用原生SQL 总结 多表关 ...
- Angular自定义指令directive:scope属性
在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令.自定义指令,是为了扩展DOM元素的功能.代码中,通过指定directive中的restrict属性,来决定这个指令是作为 ...
- session_id 恢复 session的内容
php的session是可以程序恢复的,这个和java不太一样.session的恢复机制可以实现多个应用程序session的共享,因为php的session都是以文件形式或者数据库存储的.首先是ses ...
- Provisioning Services 7.6 入门到精通系列之一:PVS前期规划
1. Provisioning Services 产品概述 Provisioning Services (简称PVS)采用了一种与传统映像解决方案截然不同的方法,从根本上改变了硬件与依托硬件而运行的 ...
- 关于C#的内存释放问题
最近在做一个要循环读取xml文件的功能. 想法是读取一个文件,释放一个文件,这样就不会消耗太多内存. 结果运行起来内存不停涨,最后内存溢出.用gc,disponse,异步都没有用. 后来改成relea ...
- 简单尝试利用vultr vps自架PPTP上网用于工作学习需要
因为学习和工作的需要用到登陆海外网站查阅相关的资料和文档,之前有需要使用的时候是问网友索要的账户登录本地电脑拨号的,但是老是跟别人要还是不好,决定自己尝试搭建一个长期使用.看到有不少的介绍提到VULT ...
- 将halcon导出的c++程序打包成dll库
1.从“文件”菜单中,选择“新建”,然后选择“项目…”. 2.从“项目类型”窗格中选择“Visual C++”下的“Win32”. 3.从“模板”窗格中,选择“Win32 控制台应用程序”. 4.为 ...
- js页面跳转的方式
js方式的页面跳转1.window.location.href方式 <script language="javascript" type="text/java ...