HTML和css学习
抱抱旋旋子
我很慢热,但很保温
在校大学生,日常更新学习笔记
展开
-
五彩导航栏案例
1.链接属于行内元素,但是此时需要宽度高度,因此需要模式转换2.里面文字需要水平居中和垂直居中.因此需要单行文字垂直居中的代码.3.链接里面需要设置背景图片.因此需要用到背景的相关属性设置.4.鼠标经过变化背景图片,因此需要用到链接伪类选择器. CSS代码如下: HTML代码如下: 效果图:...原创 2022-07-11 17:13:40 · 409 阅读 · 0 评论 -
CSS的背景
通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。一.背景颜色background-color属性定义了元素的背景颜色。语法结构:background-color:颜色值;一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色。二.背景图片background-image属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,原创 2022-05-06 20:18:48 · 66 阅读 · 0 评论 -
CSS的元素显示模式
一.概述作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型。二.块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是原创 2022-05-02 09:06:47 · 88 阅读 · 0 评论 -
CSS复合选择器
一.概念在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等二.后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签原创 2022-04-27 23:16:32 · 101 阅读 · 0 评论 -
Emmet语法学习
一.快速生成HTML结构语法1.生成标签直接输入标签名按tab键即可比如div然后tab键,就可以生成<div></div>2.如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div3.如果有父子级关系的标签,可以用>比如ul> li就可以了4.如果有兄弟关系的标签,用+就可以了比如div+p5.如果生成带有类名或者id名字的,直接写.demo或者#demo 然后按tab键就可以了6.如果生成的div类名是有顺序的,可原创 2022-04-24 17:41:23 · 118 阅读 · 0 评论 -
CSS文本属性(笔记)
CSS文本属性可以定义于文本的外观,比如文本的颜色、对齐方式、装饰文本、文本缩进、行间距等。1.文本颜色color用于定义文本颜色开发中最常用的是十六进制2.文本对齐text-align属性用于设置元素内文本内容的水平对齐方式3.装饰文本text-decoration属性规定添加到文本的修饰,可给文本添加下划线、删除线、上划线等。4.文本缩进text-indent属性用来指定文本第一行的缩进,通常是将段落的首行缩进5.行间距line-height.原创 2022-02-12 22:19:31 · 557 阅读 · 0 评论 -
CSS字体属性(笔记)
CSS font(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.字体系列:用font-family来定义字体系列2.CSS用font-size来定义字体大小标题标签比较特殊,需要单独指定文字大小3.CSS用font-weight来定义文字粗细学会让加粗标签(h或strong)不加粗,或者其他标签加粗实际开发时更喜欢用数字表示加粗4.CSS使用font-style设置文本风格5.字体的复合属性可以把以上样式综合写,节约代码6.总结..原创 2022-02-11 21:31:34 · 300 阅读 · 0 评论 -
使用类选择器画盒子
原创 2022-01-22 17:06:58 · 188 阅读 · 0 评论 -
CSS简介
一.CSS--网页美容师二.CSS基础语法1.基本格式:选择器 {属性1:属性值1;属性2:属性值2;}2.样式格式书写:3.引入CSS样式表:(1)行内式:通过标记的style属性来设置元素样式,语法格式如下:<标记名 style=“属性1:属性值1;属性2:属性值2;”>内容</标记名>例如:<h2 style=“font-size:20px;color:red;”>使用CSS行内式修饰二级标题的字体大小和颜色</h2..原创 2022-01-18 23:45:53 · 573 阅读 · 0 评论 -
表单学习回顾复习(综合案例)
用所学的表单标签写一个简单表单原创 2022-01-18 23:31:08 · 280 阅读 · 0 评论 -
表单标签的学习笔记
一.表单的组成在HTML中,一个完整的表单通常由表单域,表单控件(也称为表单元素)和提示信息三个部分组成。<form></form>标记被用于定义表单域,即创建一个表单,<form></form>中所有内容都会被交给服务器。常用属性:1.action:用于指定接受并处理表单数据的服务器程序的url地址,例如:<form action=“form_action.asp”>2.method:设置表单数据的提交方式,其取.原创 2022-01-15 01:40:20 · 570 阅读 · 0 评论 -
列表标签学习笔记
列表有三种:有序列表,无序列表,自定义列表1.ul元素:网页中最常见的,无序列表,语法格式如下:<ul><li>列表项1</li><li>列表项1</li><li>列表项1</li>.......</ul>2.ol元素:有序列表<ol ><li>列表项1</li><li>列表项1</li><li&原创 2022-01-12 23:51:23 · 64 阅读 · 0 评论 -
表格标签学习
表格标签学习笔记原创 2022-01-11 21:14:48 · 157 阅读 · 0 评论 -
HTML常用标签(下)
五.图像标签和路径1.图像标签图像标签的其他属性2.2.路径六.超链接标签原创 2022-01-10 17:32:56 · 131 阅读 · 0 评论 -
HTML常用标签(上)
一.标题标签<h1>—<h6>,重要性依次递减。特点:加了标题标签的文字会变粗,字号也会变大;一个标题独占一行。二.段落和换行标签段落标签<p>:文本在一个段落中会根据浏览器窗口的大小,自动换行;段落和段落之间会有空隙。换行标签<br />(单标签)三.文本格式化标签四.<div>和<span>标签这两个标签是没有语义的,就是一个盒子,用来装内容的div是division的缩写,表示分割,分.原创 2022-01-09 16:21:00 · 450 阅读 · 0 评论 -
Visual Studio Code工具创建页面即插件的使用
一.vscode的使用1.双击打开软件2.新建文件(Ctrl+N)3.保存(Ctrl+S),注意移动要保存为.html文件4.Ctrl+加号键,Ctrl+减号键可以放大缩小视图5.生成页面骨架结构,输入!按下Tab键二.vscode插件的使用...原创 2022-01-08 21:25:24 · 1378 阅读 · 0 评论 -
CSS基础选择器的使用
一.CSS元素选择器:也叫标记选择器,比如p, h1, em, a,甚至可以是HTML本身。例如:html{color:black;} p{color:red;}二.CSS类选择器 1.基本语法格式为:.类名{属性1:属性值1;属性2:属性值2;},类选择器最大的优势是可以为元素对象定义单独或相同的样式。例如:<h1 class=“important”> The heading is very important.</h1> <p class=“im..原创 2022-01-22 16:43:39 · 2099 阅读 · 0 评论