CSS初学:如何修改Zblog中的CSS

2016-02-19 23:24 4 1 收藏

下面图老师小编要跟大家分享CSS初学:如何修改Zblog中的CSS,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这段时间太忙了,没时间整理网站建设课程了,今天给大家发布篇学生的学习整理!

大家可以去我学生的博客网站去看看:网站推广 http://www.123-seo.cn

在学习应用css之前我们要先了解一下什么是css。CSS是Cascading Style Sheets(层叠样式表)的简称.

* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

* 在标准网页设计中CSS负责网页内容(XHTML)的表现.

* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.

* CSS是由W3C的CSS工作组产生和维护的.

了解了什么是css后我们就可以方便对其应用了,我们可以用以下两种方式加入你的博客当中去,由于css的应用方式有就近原则。也就是说最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

链入外部样式表文件 (Linking to a Style Sheet)

你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:

head
title文档标题/title
link rel=stylesheet href="http://www.123-seo,cn/dhtmlet.css" type="text/css"
/head

而在XML中,你应该如下例所示在声明区中加入:

? xml-stylesheet type="text/css" href="http://www.123-seo.cn/dhtmlet.css" ?

定义内部样式块对象 (Embedding a Style Block)

你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 定义方式请参阅样式表语法。示例如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

html
head
title文档标题/title
style type="text/css"
!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
--
/style
/head
body

请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。

来源:http://www.tulaoshi.com/n/20160219/1629847.html

延伸阅读
标签: Web开发
CSS2.1中使用一个4位的数字来表示权重,以下是有关权重的一些规定: 类型选择符的权重为:0001 类选择符的权重为:0010 通用选择符的权重为:0000 子选择符的权重为:0000 属性选择符的权重为:0010 伪类选择符的权重为:0010 伪元素选择符的权重为:0010 包含选择符的权重为:包含的选择符权重值之和内联样式的权重为:1000 ...
标签: Web开发
简介 这是一篇介绍如何使网站字体大小更加合理的文章,他教给我们什么才是字体标准化单位,并不是传统的px,而是em! 典型的说,一个 em (发音为 emm) 是个垂直间距的印刷单位,是个浮动的(相对的)度量。一个 em 是一个文本尺寸的距离。 在10像素的字体里,一个 em 就是10像素。在18像素的字体里,它就是 18像素。因此, 在任何文本尺寸下...
标签: Web开发
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 ...
标签: Web开发
前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。 打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得有几句话想说给初学者。 97年,我开始接触网络,然后开始做网...
标签: Web开发
如何使DIV居中 主要的样式定义如下: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明: 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LE...

经验教程

781

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部