企业网站,个人博客等WordPress网站以及其他语言网站开发定制需求加QQ详聊。

 分类:CSS教程

本课程从最基本的概念开始讲起,步步深入,带领大家学习HTML、CSS样式基础知识,了解各种常用标签的意义以及基本用法,后半部分教程主要讲解CSS样式代码添加,为后面的案例课程打下基础。

CSS教程之为网页添加样式

CSS教程之为网页添加样式
认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ font-size:12px; color:red; fon...

4个月前 (08-27) 29℃

CSS教程之继承、层叠、特殊性和重要性

CSS教程之继承、层叠、特殊性和重要性
继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p{color:...

4个月前 (08-27) 36℃

css教程之选择器

css教程之选择器
什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如代码中的“body”就是选择器。 body{ f...

4个月前 (08-27) 25℃

CSS教程之样式的写入方式

CSS教程之样式的写入方式
CSS样式可以写在哪些地方呢?从CSS样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 内联式css样式 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色。&...

4个月前 (08-26) 32℃

CSS教程之格式化排版

CSS教程之格式化排版
文字排版–字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设...

4个月前 (08-25) 25℃

CSS盒模型

CSS盒模型
元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、...

4个月前 (08-25) 30℃

css教程之布局模型入门详解

css教程之布局模型入门详解
CSS包含3种基本的布局模型(Flow、Layer 和 Float) 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer) 流动模型 流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的HTML网页...

4个月前 (08-25) 49℃

css代码缩写方法总结

css代码缩写方法总结
盒模型缩写方法 在之前的盒模型教程中外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的,即上右下左。具体应用我们以margin和padding的为例代码如下: margin:10px 15px 12px 14px...

4个月前 (08-24) 40℃

css单位和值

css单位和值
颜色值 在网页中对于颜色的设置是非常重要,比如字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,而设置颜色的方法也有很多种,接下来一一为大家介绍: 英文命令颜色 p{color:red;} RGB颜色 这个与 photoshop 中...

4个月前 (08-24) 24℃

css样式设置奇淫技巧推荐

css样式设置奇淫技巧推荐
在项目实际开发中,利用一些开发小技巧可以达到事半功倍的效果,减少开发时间,同时也能满足需求,何乐而不为呢?这篇文章就是整理日常经常遇到的css技巧,当然对于老手根本算不上是什么,但是对于新人是很有帮助的。 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景,比...

4个月前 (08-24) 28℃