2024-11-13 厉飞雨 阅读(10) 评论(0) 赞(1)

写这篇水文呢，也是最近在自己在魔改一个主题用作新做的班级网站。 发现模版的背景图片以及其他地方的图片显示只能在电脑端看到，而在移动端不能够自适应。顺便也整理出来。 首先是图片的居中自适应： ------------ 需要先给CSS `background-repeat` 属性赋值`no-repeat`，使图片不重复只显示一张。 然后再定位背景图像位置，给CSS `b...

2024-11-13 厉飞雨 阅读(15) 评论(0) 赞(1)

**什么是 CSS?** ------------ 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS还能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式...

2024-11-13 厉飞雨 阅读(11) 评论(0) 赞(1)

使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。 html引用css方法如下： 1、直接在div中使用css样式制作div+css网页 2、html中使用style自带式 3、使用link引用外部CSS文件 推荐此方法 接下来我们来逐个讲解html引用css方法的例子 **插入样式表的...

2024-11-13 厉飞雨 阅读(11) 评论(0) 赞(1)

**CSS** ------- CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ```css selector {declaration1; declaration2; ... declarationN } ``` 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是您希望设置的样式属性（st...

2024-11-13 厉飞雨 阅读(11) 评论(0) 赞(2)

**css引入方式** ----------- 内嵌式：(写在标签里) ```css ``` 内联式：(写在style标签里) ```css ``` 外联式：(常用) ```css /*通过 标签引入*/ ``` 导入式：(做了解) ```css ``` **选择器的分组** ---------- 你可...

2024-11-13 厉飞雨 阅读(14) 评论(0) 赞(3)

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，下面就是具体DIV/CSS命名规则CSS命名大全内容篇。 我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 **一、命名规则说明** ------------ 1）、所有的命名最好都小...

2024-11-13 厉飞雨 阅读(10) 评论(0) 赞(5)

CSS padding 属性 -------------- 语法： ```css padding : length ``` 参数： length : 　由浮点数字和单位标识符组成的长度值 \| 或者百分数。百分数是基于父对象的宽度。 说明： 检索或设置对象四边的补丁边距。 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。 如果只提供一个...

2024-11-13 厉飞雨 阅读(10) 评论(0) 赞(2)

CSS margin 外边距属性 ---------------- 语法： ```css margin : auto | length ``` 参数： auto : 　值被设置为相对边的值 length : 　由浮点数字和单位标识符组成的长度值 \| 百分数。百分数是基于父对象的高度。对于内联对象来说，左右外延边距可以是负数值。 说明： 检索或...

2024-11-13 厉飞雨 阅读(11) 评论(0) 赞(3)

css width 和 height 属性设置对象的宽高度 ----------------------------- **语法：** ```css height : auto | length width : auto | length ``` **参数：** auto : 　无特殊定位，根据HTML定位规则载文档流中分配 length : 　由浮点数字和...

2024-11-13 厉飞雨 阅读(11) 评论(0) 赞(0)

CSS min-height（width）属性设置对象的最大高度（宽度） ------------------------------------ **语法：** ```css min-height : none | length min-width : none | length ``` **参数：** none : 　无最小高度限制 length : 　...