狸猫&角羊-CSDN博客

原创 html/css——静态网页开发遇到的问题及解决方法(壹)

1、截取的网页为什么比原网页要大？2、ps中，给原图划标尺线时，总会耗时比较长3、出现如下情况，该如何解决？4、如何设置，才能才能固定多行文本的宽高 5、下拉框，想要多选时，怎样设置？6、在表单中，如何点击文字，就会选中输入框？7、表单元素中，提交时，输入框中，不能为空，如何设置？

2020-11-17 12:15:44 1504

原创 html/css——盒模型

盒模型把网页中的所有html标签都当作一个盒子，通过盒子的内容（width宽、height高）、内边距（padding）、边框（border）、外边距（margin），来给每个盒子设置特定的样式属性。六边形相框、三角形

2020-11-17 10:13:42 353

background背景一、背景颜色；background-color二、背景图片；1、背景图片：background-image:url('图片路径')2、背景图片是否重复平铺 background-repeat：a、background-repeat:repeat;默认平铺b、background-repeat:no-repeat;不平铺c、background-repeat:repeat-x; 水平方向平铺d、background-repeat:repeat-y; 垂直方向平

2020-11-17 08:12:11 167

原创 html/css——css颜色、css文本

一、css颜色（文字与背景颜色）1、英文颜色名称2、16进制编码常用十六进制颜色对照表代码查询 https://www.cnblogs.com/liyuspace/p/8978139.html3、rgb值：rgb(0 ~ 255 ,0 ~ 255,0 ~ 255);

2020-11-17 08:10:54 237

原创 HTML/CSS——css引入方式及优先级

CSS——cocasding style sheet 层叠样式表一、css的引入方式：1、外链样式，也称外部样式表。优点：a、将css代码和html代码分离，便于日后的维护；b、可统一设置多个网页的样式；c、常用于网站，推荐使用。<head> <link rel="stylesheet" type="text/css" href="css文件的路径"/></head>2、导入式。导入式与外链式的区别：外链式link属于标签；当打开网页时，外链式会与网

2020-11-16 12:53:59 204

原创 html/css——css选择器、css复合选择器、伪类选择器

css选择器：css选择器、css复合选择器、伪类选择器、作用：用来选择网页结构中具体的标签进行修饰，最终实现整个网页的表现形式。 css规则级联方式、css权重

2020-11-16 12:51:03 147

原创 HTML元素之行内块元素（壹）

一、行内块元素的特点：a.设置宽高有效；b.同类元素排列一行，排不下时，自动换行；c.自动解析代码换行（代码换行后，网页中会以半个字符的间隙显示出来，代表代码换行）；d.设置margin、padding值有效；e.与同类元素或行内元素排一行时，会以底边对其的方式出现，设置vertical-align（top 顶、middle 中、bottom 底）的值会改变对其方式；二、行内块元素：

2020-11-15 19:38:23 177

原创 HTML元素之行内元素（壹）

行内元素的特点：a.设置宽高无效；b.自动解析代码换行；c.同类元素排列一行，排不下时，自动换行；d.设置margin、padding值的水平方向值有效；1.特殊修饰2.加粗3.斜体4.<s>中划线</s>5.下划线6.强调斜体7.

2020-11-14 15:55:29 78

原创 HTML元素之块元素（壹）

让我们复习一下块元素的特点：1.独占一行；div{ width:100px; height:100px; background:blue;}<div></div>2.设置宽高有效；不设置宽高时，宽度自适应父级宽度，高度由内容撑开；3.适用所有的css样式；4.设置margin、padding值有效；我们在单独了解一下我所学到的块元素：1.<body> </body>1>网页的主体内容都写在body里；2>body默

2020-11-14 15:08:10 502

原创 HTML5元素的分类与属性

我是幼儿员小学胜！首先，我要给前一篇文章中补充一下，HTML的主体结构。<!doctype html> <html> <head> <meta charset="utf-8" /> <title>Document<

2020-11-13 15:49:02 370

原创网页开发的初步认知

我是幼儿员小学胜！今天谈一谈，我对网页开发的浅显的认知。什么是网页开发？网页开发的流程有哪些？网页开发的标准是什么？我们的浏览器又起到什么样的作用呢？首先，网页开发就是利用html、css、javascript 语言，来编写网页的结构、样式、行为，这三种不同的文档最终会被浏览器识别，展示出所设计的页面，用户可以通过网址来访问这个网页，在网页上看到各种不同的信息。网页开发的流程：网页的设计原稿→html搭建网页的基本结构→根据设计实现网页的样式（根据设计修饰网页）→根据需求赋予页面功能（行为）网页开发

2020-11-13 09:31:56 328

原创网页开发工具1——Editplus 的初步认识！

网页开发工具1——Editplus 的初步认识！我的第一个网页开发编码工具。一、基础设置1.设置默认浏览器：工具→首选项→（如下图）2.设置显示中设置标尺、标线与折叠代码二、快捷键Ctrl+N----新建（无内容）；Ctrl+Shift+N----新建（有内容）；Ctrl+E自动补全标签...

2020-11-13 08:29:06 542

weixin_52486516的博客