11-18网页基础--第二部分CSS样式属性（1）
第一课：样式属性
style 样式：
style样式不仅可以直接在<body>中设置成整个网页的样式、格式；为了将样式、格式多样化，也可以将style单独抽出来，作为一个独立的个体，放在<head>..</head>中来分别设置不同元素、标签的格式和样式。
这样做出来的效果和在<body>中设置的格式是一样的，但有所区别的是单独把style写出来的样式可以只对某个或某几个标签有效，有效防止编写重复、费时和修改麻烦等；
还可以在style中对设置的格式的标签进行命名，直接在需要修改的标签处引用此样式，直接用class="命名的名称"；
1、背景与前景
background-color:#90; /*背景色，样式表优先级高*/
background-image:url(路径); /*设置背景图片（默认）*/
background-attachment:fixed; /*背景是固定的，不随字体滚动*/
background-sttachment:scoll; /*背景随字体滚动*/
background-repeat:no-repeat; /*no-repeat,不平铺；repeat,平铺；repeat-x，横向平铺；repeat-y,纵向平铺*/
background-position:center; /*背景图居中，设置背景图位置，repeat必须为“no-repeat”*/
background-position:right top; /*背景图放置到右上角（方位可以自己更改）*/
background-position:left 100px top 300px; /*离左上角100像素，离上边300像素（可以设为负值）*/
2、字体
font-family:"新宋体"；/*字体。常用微软雅黑、宋体*/
font-size:12px; /*字体大小，常用像素12px,14px,18px,还可以用"cm","2.5cm"即：默认字体的2.5倍。还可以用百分数。*/
font-weight:bold; /*bold是加粗，normal是正常。*/
font-style:italic; /*倾斜，normal是不倾斜*/
color:#03C; /*颜色*/
text-decoration:underline; /*下划线，overline是上划线，line-through是删除线，none是去掉下划线*/
text-align:center; /*(水平对齐)居中对齐，left是左对齐，right是右对齐*/
vertical-align:middle; /*(垂直对齐)居中对齐，top是顶部对齐，bottom是底部对齐，一般设置行高后使用*/
text-indent:28px; /*首行缩进量*/
line-height:24px; /*行高，一般为1.5~2倍字体大小*/
display:none; /*none,不显示；inline-block,显示为块，不自动换行，宽高可设；block,显示为块，自动换行；inline,效果同span标签，不自动换行，宽高不可设。*/
第二课 学做gif图（运用Ps技术）
1》首先，将需要做gif动画的图片利用Ps中的切片工具分割成想要的图片；
2》然后，存储为web格式3》重新打开Ps页面，新近画布/背景，插入分割好的图片（或者直接拖动到Ps中），每插入一张图片，就相当于新加入一张图层；
3》图片插入好后，创建时间轴，排版每张图片出现的先后顺序和时间秒数，点击播放即可。（还可以设置成过渡图片，下面会有过渡按钮，单击后出现添加帧的对话框）
11-18网页基础--第二部分CSS样式属性（1）的更多相关文章
- 11-19网页基础--第二部分CSS样式表基本概念
CSS,全称(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. 一.基本概念:是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 你可能对C ...
- js中获取css样式属性值
关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css ...
- IE6支持兼容min-width、max-width CSS样式属性
IE6支持兼容min-width.max-width CSS样式属性 让IE6支持max-width.IE6支持min-width样式 我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定 ...
- HTML第二部分 CSS样式表
CSS(cascading style sheets,层叠样式表),作用是美化HTML网页. /*注释*/ 注释语法 2.1 样式表的基本概念 2.1.1样式表的分类 1.内联样式表 和HTML联 ...
- 网站开发综合技术 第二部分 CSS样式表
第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/ 注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1 ...
- 前端基础问题：CSS vertical-align 属性
CSS vertical-align 属性与基线的那些事~ 定义和用法: vertical-align 属性设置元素的垂直对齐方式. vertical-align只对内联元素(inline.inlin ...
- IE6支持min-width、max-width CSS样式属性
1.IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: .yangshi{ max-width:1000px; _width:expression((document.docu ...
- HTML布局相关的CSS样式属性
# 转载请留言联系 注意,样式属性是写进CSS里面的. 布局常用样式属性: width 设置元素(标签)的宽度,如:width:100px; height 设置元素(标签)的高度,如:height:2 ...
- CSS样式属性单词之Left
通常left单独在CSS中设置无效,需要在使用position属性下使用才能生效起作用.left左靠多少距离(距离左边多少)的作用. left 一.left认识与语法 left翻译:左边,左 在CSS ...
随机推荐
- HDU3047 Zjnu Stadium
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/ ...
- git 里面遇到的问题
第一步:建立git仓库(本地) cd到你的本地项目根目录下,执行git命令 git init 第二步:将项目的所有文件添加到仓库中 git add . 如果想添加某个特定的文件,只需把.换成特定的文件 ...
- js 实现自动调出键盘
在app中,在页面加载完成之后,给输入框添加一个focus,不能自动调出软键盘,可以用以下方式实现: //触发键盘 $("#content").on("touchstar ...
- LINQ(数据查询)
如果只有空的构造函数,想要对字段进行初始化,可以直接在构造函数后面加上{属性名=值,属性名=值};属性与属性之间用,分割开 //查询所有武学级别大于8的武林高手 //var res = new Lis ...
- MySQL 体系结构和存储引擎
数据库: 物理操作系统文件或其他形式文件类型的集合 实例: MySQL数据库向后台线程以及一个共享内存区组成,共享内存可以被运行的后台线程所共享 MySQL 数据库实例在某统上的表现就是一个进程. M ...
- ADO.NET实体框架Entity Framework模型-基于XML解析
最近由于项目需求,需要对实体框架内表之间的关系进行处理,主要功能要求是通过一表名,返回其在实体框架内的所有关系表.主外键及每个字段的属性.先简单描述我解决这个问题从开始到最后的分析实现 ...
- TCP/IP详解学习笔记(3)-IP协议，ARP协议，RARP协议【转】
转自:http://blog.csdn.net/goodboy1881/article/details/668556 把这三个协议放到一起学习是因为这三个协议处于同一层(网际层),ARP协议用来找到目 ...
- 剑指offer--17.第一个只出现一次的字符
map默认对key进行排序,unordered_map不对键或值进行排序,但是也不是默认插入的顺序 -------------------------------------------------- ...
- hdu-3790-最短路径问题(Dijkstra)
题目链接 /* Name:hdu-3790-最短路径问题 Copyright: Author: Date: 2018/4/16 19:16:25 Description: dijkstra 模板题 * ...
- (转)libcurl库使用方法，好长，好详细。
一.ibcurl作为是一个多协议的便于客户端使用的URL传输库,基于C语言,提供C语言的API接口,支持DICT, FILE, FTP, FTPS, Gopher, HTTP, HTTPS, IMAP ...