- 博客(17)
- 收藏
- 关注
原创 css-字体
css Fonts(字体)属性用于定义字体系列,大小,粗细和文字样式(如斜体)。字体系列css使用font family属性定义文本的字体系列。p {font-family:"微软雅黑"; }div { font-family:Arial,"Microsoft Yahei","微软雅黑";}...
2022-02-21 18:32:46 153
原创 通配符选择器
在css中,通配符选择器使用"*"来定义,它表示选取页面中的所有元素(标签)。语法:* {属性1:"属性值1";........}通配符选择器不需要调用,自动就给所有的元素使用样式。特殊情况才用,后面讲解使用场景(以下是清楚所有的元素标签的内外边距)* {margin: 0;padding: 0;}...
2022-02-19 17:46:57 1150
原创 id选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>基..
2022-02-19 17:39:04 690
原创 类选择器-多类名
多类名使用方式<div class="red font20">亚瑟</div>在标签class属性中写多个类名 多个类名中间必须用空格分开 这个标签就可以分别具有这些类名的样式多类名开发中使用场景可以把一些标签元素相同的样式(共同的部分)放到一个类里面。 这些标签都可以调用这个公共的类,然后再调用自己独有的类。 从而节省css代码,统一修改也非常方便。<!DOCTYPE html><html lang="en"><he.
2022-02-19 17:30:41 419
原创 css 类选择器
如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器。语法:.类名 { 属性1: 属性值1; .......}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
2022-02-19 14:27:19 282
原创 标签选择器
选择器分为基础选择器和复合选择器两大类。基础选择器是由单个选择器组成的 基础选择器又包括:标签选择器,类选择器,id选择器和通配符选择器。1. 标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css样式。语法:标签名 { 属性1: 属性值1; 属性2: 属性值2; 属性3: 属性值3;........}<!DOCTYPE html><html la...
2022-02-19 13:50:32 2036
原创 css代码风格
1.样式格式书写紧凑格式h3{color:deeppink;font-size:20px};展开格式h3{ color:pink; font-size:20px;}强烈推荐第二种,因为更直观。2.样式大小写强烈推荐样式选择器,属性名,属性值关键字全部使用小写字母,特殊情况除外。h3 { color:pink;}3.空格规范属性值前面,冒号后面,保留一个空格h3 { color: pink}选择器和大括号中间保留空格...
2022-02-19 13:16:50 92
原创 体验css语法规范
css规则由两个主要的部分构成:选择器以及一条或多条声明。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="i
2022-02-19 13:04:49 67
原创 css简介
1.HTML的局限性:HTML只关注内容的语义,比如<h1>表明这是个标题,<p>表明这是个段落。。。。。。2.CSS是网页的美容师: css是层叠样式表的简称 ; css是一种标记语言。 css主要用于设置HTML页面中的文本内容(字体,大小,对齐方式等),图片的外形(宽,高,边框的样式,边距等)以及版面的布局和外观显示样式。...
2022-02-19 12:51:00 75
原创 textarea文本域标签
语法: <form> <textarea cols="50" rows="5">文本内容 </textarea> </form>通过<textarea>可以轻松的创建多行文本输入框 cols="每行中的字符数" rows="显示的行数",我们在实际开发中不会使用,都是用css来改变大小。...
2022-02-15 22:44:10 277
原创 select下拉表单
使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用<select>标签定义下拉列表。 <form> 籍贯: <select> <option>山东</option> <option>北京</option> <option>天津</option> <option sel
2022-02-15 22:35:20 84
原创 labe标签
label标签用于绑定一个表单元素,当点击label标签内的文本时,浏览器就会自动将光标转到对应的表单元素上,用来增加用户体验。语法:<label for="sex">男</label><input type="radio" name="sex" id="sex">核心:label里面的for和 input里面的id值要一样...
2022-02-15 22:19:36 269
原创 input之type属性普通按钮和文件域
button :定义可点击按钮(多数情况下,可以通过javaScript启动脚本) <!-- 普通按钮 button 后期结合js 搭配使用--> <input type="button" value="获取短信验证码"> <br> fie:定义输入字段和浏览按钮,供文件上传。 <!-- 文件域 使用场景 上传文件使用的 --> 上传头像: <input type="file" >...
2022-02-15 21:58:15 328
原创 input之type属性的提交和重置按钮
1.提交按钮的作用点击了提交按钮,可以把 表单域 form 里面的表单元素里面的值 提交给后台服务器<input type="submit" value="免费注册"><form action="xxx.php" method="get"> <!-- text 文本框 用户可以里面输入任何文字 --> 用户名: <input type="text" name="username" value="请输入用户名"...
2022-02-15 21:44:50 4056
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人