前端
关注
分享
扫一扫
文章平均质量分 74
Matrix_x
这个作者很懒，什么都没留下…
展开
-
CSS格式化排版
一、文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）...原创 2018-06-02 21:12:16 · 835 阅读 · 0 评论 -
CSS样式基本知识
一、认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码：p{ font-size:12px; color:red; font-weight:bold;}使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的...原创 2018-06-01 18:43:42 · 480 阅读 · 0 评论 -
CSS选择器
一、什么是选择器？每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 二、标签选择器标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<i...原创 2018-06-01 20:10:54 · 187 阅读 · 0 评论 -
CSS的继承、特殊性、层叠、重要性
一、继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}<p>我是一个<span>喜欢编程</span>的小女孩。&...原创 2018-06-02 17:16:38 · 189 阅读 · 0 评论 -
CSS盒模型
一、元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、&a原创 2018-07-12 15:45:26 · 123 阅读 · 0 评论 -
CSS布局模型
清楚了CSS 盒模型的基本概念、 盒模型类型， 就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是外在的表现形式。 在网页中，CSS包含3种基本的布局模型：1、流动模型（Flow）2、浮动模型 (Fl...原创 2018-07-14 20:12:43 · 180 阅读 · 0 评论 -
CSS样式设置技巧
一、水平居中设置在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。我们将其分为两种情况：行内元素和块状元素，块状元素里面又分为定宽块状元素，以及不定宽块状元素。1.行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想...原创 2018-07-14 21:06:11 · 323 阅读 · 0 评论