<iframe src="#" width="100%" height="？px"></iframe>：页面嵌套 position: relative;相对定位元素的定位是相对其正常位置。 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性 任何一个容器都可以 ...
转载
2021-10-29 21:11:00
112阅读
2评论
九. CSS三大特性 1. 层叠性（覆盖性）： **相同的选择器给设置相同的样式，**此时一个样式会覆盖另一个冲突的样式、 层叠性就是要解决样式冲突的问题 层叠性原则： 若样式冲突：就近原则，离那个样式结构近，就执行那个样式 样式不冲突，不会层叠 <style> /*两个都是标签选择器同时对元素设置 ...
转载
2021-10-17 23:19:00
75阅读
2评论
text-decoration: none;使超链接下划线消失 text-decoration: line-through;定义穿过文本的一条线 display: inline-block;把行级元素转化为块级元素，可以设置元素的宽和高 text-align: 文本对齐方式属性right;设置为文本 ...
转载
2021-10-28 17:18:00
135阅读
2评论
例子1： 要做成上面的效果：背景的***、红色、白色都是图片。背景图片如下：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
原创
2015-11-18 11:16:24
1269阅读
Java自学-CSS(4) 1、圆角边框及阴影和经验分享 1.1、边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--左上右上 右下左下 顺时针方向 --> <!--圆圈 ...
转载
2021-08-29 20:58:00
64阅读
2评论
一、Swiper方法 pagination: { el: '.swiper-pagination', }, 分页器 nextEl: '.swiper-button-next' 前进按钮 prevEl: '.swiper-button-prev' 后退按钮 scrollbar: { el: '.swi ...
转载
2021-11-02 08:21:00
81阅读
3评论
css全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小，颜色，字体加粗等。 css代码通常存放在sty...
转载
2020-05-13 01:38:00
50阅读
练习一：1、类选择器使用练习：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org
原创
2013-07-31 18:51:25
859阅读
点赞
Java自学-CSS(4) 1、圆角边框及阴影和经验分享 1.1、边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--左上右上 右下左下 顺时针方向 --> <!--圆圈 ...
转载
2021-08-29 20:58:00
62阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
转载
2021-10-05 10:45:00
100阅读
2评论
css全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小，颜色，字体加粗等。css代码通常存放在style标签内css样式由选择符和声明组成，而声明又由属性和值组成选择符{属性：值}，例如：p{color:red;};选择符：又称选择器，
原创
2021-07-16 16:31:46
92阅读
内容概要：一、div和span(1)块级标签：div(2)内联标签：span如图所示：二、盒模型(重要)注：可用浏览器的调试工具可查看盒子（1）margin:盒子外边距（2）padding:盒子内边距（会改变块的大小）（3）border:盒子边框宽度（4）width:盒子宽度（5）height:盒子高度例子：①：外边距和内边距区别：demo.html<!doctype html&g
原创
2016-07-15 18:35:55
1603阅读
一、CSS Hack标准模式和混杂模式 - IE6之前，不同浏览器间没有兼容性可言 - IE6之后浏览器厂家间开始寻求标准统一，但仍允许向前兼容，于是产生了不同的运行模式 - 浏览器运行模式可以分为: - 混杂模式 (Quirks Mode) - 标准模式 (Standard Mod
原创
2016-03-23 12:34:45
627阅读
一、背景图片的重复属性，即background-repeat属性，是不可继承的属性，其语法结构如下： background-repeat:repeat/no-repeat/repeat-x/repeat-y; 这个四个属性的取值具体含义如下： repeat：背景图片按照从左到右，从上到下的顺序进行排列。 no-repeat：背景图片不重复，没有定义位置的时候，默认出现在容器的左上角。 r
转载
2011-06-30 16:50:00
121阅读
2评论
准备工作 安装 webpack： npm init -y npm i -D webpack webpack-cli css-loader 创建 webpack.config.js 进行配置： const path = require('path'); const MinicssExtractPlug
转载
2020-10-14 15:42:00
165阅读
2评论
图解 CSS (4): background - 背景
background
background-color
background-attachment
background-image
background-position
background-position-x
background-posit
原创
2021-04-30 11:26:44
257阅读
CSStext（文本）属性可定义文本外观，比如文本颜色，对齐文本，装饰文本，文本缩进，行间距等4.1文本颜色color属性用于定义文本颜色。 div { color: red; } 颜色表示方法：表示属性值预定义颜色值red，green，blue，pink十六进制#FF0000,#FF6600,#29D794RGB代码rgb(255,0,0)或rgb（100%，
转载
2021-05-04 22:37:29
148阅读
2评论
HTML 样式- CSSCSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style type=
原创
2023-06-13 10:40:21
114阅读
css3-4 css3边框样式 一、总结 一句话总结： 二、css3边框样式 1、相关知识 边框属性:1.border-width2.border-style3.border-color边框方位:1.border-left:1px solid #f00;2.border-top:1px solid
转载
2018-06-22 02:48:00
149阅读
css 的引入方式在 HTML 中进入 CSS 文件通过 head 标签中 link 标签来实现，前提也是先要有一个已定好的 CSS 文件。新建 css 文件第一种引入方式示例代码CSS 文件：p{ text-align: center; color: red; }HTML 文件：<body> <p> 你好 </
原创
2021-08-19 15:46:40
263阅读
