【web前端阶段二】CSS巩固学习（持续更新）
1.什么是CSSCSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表用于HTML文档中元素样式的定义– 实现了将内容与表现分离– 提高代码的可重用性和可维护性文件后缀是.csscss在前端中如同一个美容师2.css引入方法CSS与HTML之间的关系HTML用于构建网页的结构CSS用于构建HTML元素的样式HTML是页面的内容组成，CSS是页面的表现结构层 ....
【web前端开发】CSS定位
1.定位介绍定位有两个作用:1.可以解决盒子和盒子之间的层叠问题 (定位之后元素层级最高,可以层叠在其它盒子上面)2.可以让盒子始终固定在屏幕中的某个位置属性名:position常见的属性值:定位方式 属性值静态定位 static相对定位 relative绝对定位 absolute固定定位 fixedps: 这四个取值中第一个就是不定位,加和不加都是一个效果.设置position只是设置定位的方....
web应用——CSS（下）
5.字体1.font-sizefont-size CSS 属性指定字体的大小。因为该属性的值会被用于计算em和ex长度单位，定义该值可能改变其他元素的大小。2.font-stylefont-style CSS 属性允许你选择 font-family 字体下的 italic 或 oblique 样式。3.font-weightfont-weight CSS 属性指定了字体的粗细程度。 一些字体只提....
web应用——CSS（上）
Web应用 —— CSS二、CSS1.样式定义方法行内样式表直接定义在标签的<style>属性中，作用范围：仅对当前标签产生影响例如：<img src="/images/mountain.jpg" alt="" style="width: 300px; height: 200px;"><html> <style type="text/css"&g....
【web前端开发】CSS的元素显示模式
前言元素的显示模式可以更好的帮助我们布局页面,了解元素的显示模式,可以让我们布局页面时更加简单清晰什么是元素显示模式元素显示模式就是元素(标签)以什么样的方式进行显示HTML元素一般分为块元素和行内元素两种类型以下是块级元素和行内元素在网页中的显示:块元素常见的块级元素有<h1>~<h6> <p> <div> <ul> <ol&am...
【web前端开发】CSS最常用的11种选择器
1.CSS介绍CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。CSS的作用:给HTML里面的标签设置样式简单点来说就是让HTML的页面变得更加好看2.CSS的语言规则CSS是写在 style 标签里面的,而style标签一般写在head标签....
【web前端开发】CSS文字和文本样式
前言本篇文章主要讲解CSS中的文字和文本样式及一些实用技巧.文章最后有思维导图.字体大小属性名:font-size取值: 数字+px注意:谷歌浏览器默认字体大小为16px单位需要设置,否则无效字体粗细属性名: font-weight取值有两种:1.关键字: normal(正常) bold(加粗)2.数字100~900: 400(正常) 700(加粗)加粗标签:<strong><....
【web前端开发】浅谈CSS三大特性
CSS的三大特性CSS有三个特性,分别是是层叠性、继承性以及优先级继承性特性:子元素会继承父元素样式的特点示例: Title </code></div><div><code> div{</code></div&am...
【web前端开发】CSS背景相关内容
背景颜色属性名:background-color取值:表示颜色的取值都可以填写,如:rgb注意点:1.背景颜色默认是透明的2.背景颜色不影响盒子的大小实用技巧:在平时使用一些盒子时,可以给盒子设置背景颜色,这样可以看清盒子的大小和位置示例:背景图片属性名:background-image属性值:url('图片的路径')注意点:url中的引号可以省略背景图片默认水平和垂直方向是铺平的背景图片和背景....
【web前端开发】超详细讲解CSS盒子模型
1.盒子模型介绍所有HTML元素可以看作盒子,CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。盒子模型结构图:Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Co....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
CSS更多web相关
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注