- 博客(16)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 CSS3基础语法与盒模型（四）盒模型
一、盒模型的定义1.所有HTML标签都可以看成矩形盒子，由width，height，padding，border构成，称为盒模型。2.width和height:代表内容的宽度和高度。width height不是盒子总宽高。盒子的总宽度=width+ 左右/上下padding（内边距）+ 左右/上下border（边框）3.背景颜色是配置在整个盒子之上的，包括内容、内边距和边框。如果将边框颜色添加透明度就可以看到背景色透出来的样子。<div class="box...
2021-09-08 22:58:42
81
原创 CSS3基础语法与盒模型（三）文本与字体属性（二）
一、段落和行相关属性段落和行相关属性：ext-indent属性规定文本块中首行文本的缩进，值为1em，表示缩进1个字，2em表示缩进两个字。（使用转义空格字符 也可以让文本实现缩进，一个 代表一个空格。 ；可能会受到字体样式的影响， 可能出现一个汉字使用2个  ，也会有一个汉字使用4个 ；的情况 。但是目前 ，大部分主浏览器默认的字体 ，也就是“微软雅黑”，是一个汉字使用4个 ；）行高：.
2021-08-18 21:40:11
132
原创 CSS3基础语法与盒模型（三）文本与字体属性（一）
一、常用文本样式属性1、color属性：1.工作时一般不用color：red；因为追求准确，一般使用16进制表示法2.十六进制表示法是所有设计软件中都通用的颜色表示法，设计师为我们的设计图上面标注的颜色，通常为十六进制表示#aabbcc可以简写为#abc，如黑色是#000；白色是#fff ；常见的灰色有#ccc、#333、#2f2f2f等color的属性值可以是颜色的英文单词，rgb值或者十六进制数。用rgb值的话，要用0~255代表颜色值，设置绿色的话，r和b要设置为0，g要设置为255
2021-07-26 21:55:36
132
原创 如何取消ul和li前面的小圆点
方法一：在ul / li标签中添加：list-style: none; list-style-type: none;方法二：在<head>部分添加：<style type="text/css">list-style: none;</style>
2021-07-15 23:11:00
920
原创 CSS3基础语法与盒模型（二）CSS3选择器（2）选择器与伪元素
1.元素关系选择器1）子选择器2）相邻兄弟选择器3）通用兄弟选择器2.序号选择器3.属性选择器
2021-07-14 21:54:58
209
原创 CSS3基础语法与盒模型（二）CSS3选择器（1）-选择器与伪类
传统css2.1选择器：1、标签选择器&id选择器 2、class选择器 3、复合选择器 4、伪类css3新增选择器：1、元素关系选择器 2、序号选择器 3、属性选择器 4、css3新增伪类 5、伪元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=..
2021-07-07 22:26:32
98
原创 CSS3基础语法与盒模型（一）CSS3基础入门
CSS3基础语法1.简介：CSS（cascading style sheet,层叠式样式表）是用来给HTML标签添加样式的语言font-weight：bold 设置文字加粗fost-style：italic 设置文字倾斜font-size ：20px 设置文字字号CSS的书写位置1.内嵌式：写在<head></head>标签中，写在<style></style>之间。2.外链式:可以将CSS单独存为.css文件，然...
2021-07-06 22:25:12
77
原创 前端学习积累（五）表格标签
表格标签与属性<table></table>表示一个表格，一个<tr></tr>表示一行，一个<td></td>表示一个单元格（即列）,<tr>放在<table>标签内，<td>放在<tr>标签内border：为了让表格显示边框，需要添加border属性，<table border="1">这个1代表了一个像素块，实现表格整体边框为1。caption属性是表格的标题
2021-07-04 14:59:20
416
原创 前端学习积累（四）表单标签
表单的创建1.表单都是从<form>标签开始的，<form>标签的action属性值为表单要提交给哪个服务器，method属性值是表单的提交方式；<form action="" method="POST"></form>2.基本控件（1）1.单行文本框type是类型的意思，input代表输入的意思<input type="text">意思就是，这个输入控件的类型是一个text 。 text是文本的意思value属性..
2021-07-04 12:15:58
130
1
原创 前端学习积累（三）多媒体与语义化标签-语义化标签
区块标签语义化标签1）spao标签<span>标签是区块标签，结合css使用它是行内标签，被<span>标签包裹的文字不会换行，后期用CSS可以对span标签进行美化 <p> <span>北京</span>的区号是<span>010</span> </p> <p> <span>上海</span>的区号.
2021-07-03 20:43:37
1490
原创 前端学习积累（三）多媒体与语义化标签-多媒体
图片标签1.img标签用来在网页中插入图片，=“”是图片的存储名录和完整文件名。<img src="images/gugong.jpg"><!-- img是image的缩写，src是source(来源)的缩写 -->
2021-06-29 22:01:38
97
原创 前端学习知识点（二）列表标签
无序列表：1.是指没有刻意顺序的列表，每项是平等的（ul=unordered list）。每个列表项都是标签(li=list item)。无序列表是一个父子兵组合，不能单独出现，ul是父标签，li是子标签。<ul> <li>面包</li> <li>牛奶</li></ul>注意：当html标签形成嵌套时，必须注意代码的缩进（Tab键）2.ul标签不能单独使用，li标签可以在ul、ol中，但ul的子标签.
2021-06-28 20:52:46
461
原创 前端学习积累（一）
1.Q:前端是什么？A：2.Q: html是什么？A：超文本标记语言，超文本标记就是标签。标签通常成对出现，但也有单标签 成对标签： p标签表示段落 (起始标签)不负韶华(结束标签) h1标签表示一级标题 (起始标签)不负韶华(结束标签) 单标签：字符集>...
2021-06-26 22:56:28
88
原创 关于前端面试
1）Q:如何设置网页关键字和描述?A：使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能。<meta name= "Keywords" content="xx xx"><meta name= "Description" content="xx是什么，包含什么">...
2021-06-26 17:07:14
68
原创 Open with Live Server 无法打开浏览器
1. 排查Chrome是否为默认浏览器2.新建文件是否为html格式3.html文件路径不能以中文命名
2021-06-26 16:50:32
1620
原创 MAC 电脑快捷键
安装sublime 插件后的快捷键：shift + option + 鼠标 多行光标shift + command + D 复制行control + command + 上下键 上下移动通用快捷键：shift + command + T 恢复Chrome浏览器关闭页...
2021-06-26 10:43:18
134
空空如也
文章发表以后总是乱码
2021-06-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人