CSS
关注
分享
扫一扫
文章平均质量分 70
深海沧澜夜未央
这个作者很懒，什么都没留下…
展开
-
CSS学习笔记之网页添加格式与样式
网页添加格式：1.文字大小、颜色、字体<style type="text/css">p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/}2.三个短语的文本颜色设置为红色，这时就 可以通过设置样式来设置，而且只需要编写一条css样式语句。第一步：把这三个短...原创 2018-04-24 18:35:10 · 256 阅读 · 0 评论 -
CSS学习笔记之选择器
1.选择器:在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。body{ font-size:12px; color:red; }body就是选择器2.标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、&...原创 2018-04-24 18:35:41 · 380 阅读 · 0 评论 -
CSS学习笔记之继承层叠
1.继承继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>但注意有一些css样式...原创 2018-04-24 18:53:35 · 168 阅读 · 0 评论 -
CSS学习笔记之盒模型
1.边框div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}1)border-style（边框样式）常见样式有：dashed（虚线）| dotted（点线）| solid（实线）。2）border-color（边框颜色）中的颜色可设置为十六进制颜色，如:border-color:#888;//前面的井号不要忘掉。3)borde...原创 2018-04-25 15:15:00 · 146 阅读 · 0 评论 -
CSS学习笔记之字体配置与元素
字体：1.字体/*网页中的文字设置字体为微软雅黑为网页中的文字设置字体为宋体。*/body{font-family:"Microsoft Yahei";}2.字号 颜色/*网页中文字的字号为12像素，并把字体颜色设置为#666(灰色)*/body{font-size:12px;color:#666};.stress{font-size:20px;color:red;}3.粗体...原创 2018-04-25 15:18:20 · 193 阅读 · 0 评论 -
CSS学习笔记之布局模型
1.布局模型.布局模板是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）2.流动模型流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的...原创 2018-04-25 15:27:37 · 169 阅读 · 0 评论 -
CSS学习笔记之层模型
1.层类型：层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作层模型有三种形式：1)绝对定位(position: absolute)2)相对定位(position: relative)3)固定定位(position: fixed)2.绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将...原创 2018-04-25 17:13:56 · 514 阅读 · 0 评论 -
CSS学习笔记之单位值
1.颜色在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1)英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2）RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{co...原创 2018-04-25 20:31:35 · 231 阅读 · 0 评论