十一、背景相关属性 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 2.7k | 时长 ≈ 11 分钟1 background-repeat默认情况下,背景图片会平铺Background 是背景的意思,repeat 是重复的意思Background-repeat 属性用来设置背景的重复情形,一共有三种情形123456789101112<style> .box{ widt ...阅读全文 »
十、css样式设置小技巧 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 2.5k | 时长 ≈ 10 分钟1 水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 tex ...阅读全文 »
九、单位和值 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 555 | 时长 ≈ 2 分钟1 颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1.1、英文命令颜色1p{color:red;}1.2、RGB颜色这个与 photoshop 中的 RGB 颜色是 ...阅读全文 »
八、CSS代码缩写,占用更少的带宽 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 513 | 时长 ≈ 2 分钟1 盒模型代码简写盒模型的外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:1margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px ...阅读全文 »
七、CSS布局模型 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 6k | 时长 ≈ 27 分钟1 css布局模型CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1231、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)2 流动模型流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML ...阅读全文 »
六、CSS盒模型 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 2.2k | 时长 ≈ 9 分钟盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。1 Div盒子的基本使用1234567891011div.box1或.box1按tab,自动扩展为: <div class="box1"></div>w200 按tab,自动扩展为:width: ...阅读全文 »
五、CSS格式化排版 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 760 | 时长 ≈ 2 分钟1 文字排版–字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。为网页中的文字设置字体为宋体:1body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是 ...阅读全文 »
四、CSS的继承、层叠和特殊性 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 1.3k | 时长 ≈ 5 分钟1 继承CSS的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。1234567891011p{color:r ...阅读全文 »
三、CSS选择器 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 2.2k | 时长 ≈ 8 分钟1 什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:123选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。2 标签选择器标签选择器其实就是html代码中的标签。例如下面代码 ...阅读全文 »
二、CSS样式基本知识 发表于 2020-06-10 | 更新于: 2020-06-10 | 分类于 web前端 , CSS | | 字数: 708 | 时长 ≈ 2 分钟1 内联式css样式,直接写在现有的HTML标签中CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:1<p style="color:red">这里文 ...阅读全文 »