- 博客(16)
- 问答 (1)
- 收藏
- 关注
原创 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
89
原创 CSS3基础语法与盒模型(三)文本与字体属性(二)
一、段落和行相关属性段落和行相关属性:ext-indent属性规定文本块中首行文本的缩进,值为1em,表示缩进1个字,2em表示缩进两个字。(使用转义空格字符 也可以让文本实现缩进,一个 代表一个空格。 ;可能会受到字体样式的影响, 可能出现一个汉字使用2个  ,也会有一个汉字使用4个 ;的情况 。但是目前 ,大部分主浏览器默认的字体 ,也就是“微软雅黑”,是一个汉字使用4个 ;)行高:.
2021-08-18 21:40:11
142
原创 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
141
原创 如何取消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
947
原创 CSS3基础语法与盒模型(二)CSS3选择器(2)选择器与伪元素
1.元素关系选择器1)子选择器2)相邻兄弟选择器3)通用兄弟选择器2.序号选择器3.属性选择器
2021-07-14 21:54:58
227
原创 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
104
原创 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
82
原创 前端学习积累(五)表格标签
表格标签与属性<table></table>表示一个表格,一个<tr></tr>表示一行,一个<td></td>表示一个单元格(即列),<tr>放在<table>标签内,<td>放在<tr>标签内border:为了让表格显示边框,需要添加border属性,<table border="1">这个1代表了一个像素块,实现表格整体边框为1。caption属性是表格的标题
2021-07-04 14:59:20
424
原创 前端学习积累(四)表单标签
表单的创建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
137
1
原创 前端学习积累(三)多媒体与语义化标签-语义化标签
区块标签语义化标签1)spao标签<span>标签是区块标签,结合css使用它是行内标签,被<span>标签包裹的文字不会换行,后期用CSS可以对span标签进行美化 <p> <span>北京</span>的区号是<span>010</span> </p> <p> <span>上海</span>的区号.
2021-07-03 20:43:37
1517
原创 前端学习积累(三)多媒体与语义化标签-多媒体
图片标签1.img标签用来在网页中插入图片,=“”是图片的存储名录和完整文件名。<img src="images/gugong.jpg"><!-- img是image的缩写,src是source(来源)的缩写 -->
2021-06-29 22:01:38
104
原创 前端学习知识点(二)列表标签
无序列表: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
492
原创 前端学习积累(一)
1.Q:前端是什么?A:2.Q: html是什么?A:超文本标记语言,超文本标记就是标签。标签通常成对出现,但也有单标签 成对标签: p标签表示段落 (起始标签)不负韶华(结束标签) h1标签表示一级标题 (起始标签)不负韶华(结束标签) 单标签:字符集>...
2021-06-26 22:56:28
97
原创 关于前端面试
1)Q:如何设置网页关键字和描述?A:使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能。<meta name= "Keywords" content="xx xx"><meta name= "Description" content="xx是什么,包含什么">...
2021-06-26 17:07:14
93
原创 Open with Live Server 无法打开浏览器
1. 排查Chrome是否为默认浏览器2.新建文件是否为html格式3.html文件路径不能以中文命名
2021-06-26 16:50:32
1660
原创 MAC 电脑快捷键
安装sublime 插件后的快捷键:shift + option + 鼠标 多行光标shift + command + D 复制行control + command + 上下键 上下移动通用快捷键:shift + command + T 恢复Chrome浏览器关闭页...
2021-06-26 10:43:18
145
空空如也
文章发表以后总是乱码
2021-06-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人