CSS
李鴻耀同學
这个作者很懒,什么都没留下…
展开
-
CSS:CSS概述与引用
CSS概述CSS,全称“Cascading Style Sheets”,用于设置HTML标签的样式,它的基本结构如下:CSS引用方式CSS引用方式主要有四种:行内样式、内嵌样式、外链样式和导入式。行内样式行内样式是将“style”作为标签的一个属性,然后通过它的值来设置的一种方式,写法如下:<div style="width:300px;height:300px;background-color:原创 2016-09-21 10:00:07 · 1127 阅读 · 0 评论 -
CSS:CSS选择器之【伪类/元素选择器】
前言目前为止,我们已经学习了如何使用HTML文档中定义的元素选择文档的内容。CSS中还定义了伪选择器,它们提供了更复杂的功能,但非直接对应HTML文档应以的元素。伪选择器主要分两种:伪元素和伪类。伪元素选择器该类选择器主要用于向指定的选择器添加指定的效果。:first-letter选择“块级元素”文本段落中的首个字符,只能对“块级元素”生效。该选择器可以设置的值有:font属性color属性b原创 2016-09-21 16:24:33 · 5194 阅读 · 0 评论 -
CSS:CSS选择器之【基本选择器】
概述CSS选择器的作用是找出某类元素,以便我们使用style元素或者外部样式表对这类元素设置样式。CSS的基础选择器主要有三个:标签选择器、类选择器、id选择器和属性选择器。通用选择器通用选择器匹配文档中的所有元素。它是最基本的选择器,不过很少使用,因为匹配过于广泛,不便我们单独去设置某一类特定元素的样式,写法如下:<!DOCTYPE html><html lang="zh-cn"><head>原创 2016-09-21 11:01:49 · 2326 阅读 · 1 评论 -
CSS:CSS选择器之【组合选择器】
前言组合使用不同的选择器可以匹配更特定的元素。有的复合选择器能将目标样式应用到更多元素,有的复合选择器则会锁定更少元素,总之会让你的选择非常具体。复合选择器主要包括:群组选择器、后代选择器、子选择器和同级元素选择器。群组选择器群组选择器的使用范畴是,多个选择器使用同一个样式或者同一组样式。这在做CSS样式初始化,CSS框架设计以及后期CSS代码优化时会经常使用。多个选择器之间用逗号(,)隔开,其语法原创 2016-09-21 11:54:35 · 12983 阅读 · 0 评论 -
CSS:设置文本与字体样式
应用基本的文本样式文本对齐方式:text-align该属性用于控制“行内块元素”或“块元素”内“行内元素”(文本元素)的居中方式的,包含三个值:left:居左对齐;center:居中对齐;right:居右对齐;空白处理:white-space空白在HTML文档中通常是被压缩或者直接忽略掉。这允许你将HTML文档的布局跟页面的外观分离。<!DOCTYPE html><html lang="z原创 2016-09-21 18:14:06 · 6917 阅读 · 1 评论 -
CSS:设置边框和背景
应用边框样式边框基本设置首先简单介绍一下使用边框最常用的三个基本属性: 属性 说明 值 border-width 设置边框的宽度 度量单位(em、px、cm等) border-color 设置边框的颜色 英文单词、HEX、RGBa、HSLa border-style 设置边框的样式 参考下方表格CSS提供的边框样式比较丰富,下面我将通过表格来进行说明:原创 2016-09-26 11:35:39 · 20799 阅读 · 1 评论