html+css
文章平均质量分 56
html css
eliauk-123
这个作者很懒,什么都没留下…
展开
-
web前端学习笔记——选择器
选择器:选择要添加样式的 HTML 标签的一种方法、模式基础选择器:标签选择器、id 选择器、类选择器、通配符选择器。高级选择器:后代选择器、交集选择器、并集选择器。基础选择器标签选择器通过标签名去选择标签元素。书写方式:标签名。选择范围:选中的是HTML文件中所有的同名标签。注意:标签选择器可以选择所有的同名标签,会忽视 HTML 元素的嵌套关系,不管嵌套多深,都能被选中缺点:只能全局全中,不能对局部的设置样式p {}id选择器通过标签上的 id 属性去选择标签。书原创 2021-08-05 15:04:05 · 997 阅读 · 0 评论 -
web前端学习笔记——CSS常用样式
文字三属性:颜色color作用:给文字设置颜色属性名:color属性值:颜色名、颜色值颜色名:常用的一些颜色颜色红色red黑色black橙色orange白色white黄色yellow金色gold绿色green粉色pink青色cyan浅黄色lightyellow蓝色blue黄绿色yellowgreen紫色purple天蓝色skyblue颜色值:使用具体颜色的数值表示(rbg模式和十六进原创 2021-08-05 15:02:20 · 206 阅读 · 0 评论 -
web前端学习笔记--CSS语法
**CSS规则:**由两个主要的部分构成:选择器,以及一条或多条声明p{width:300px;font-size:14px;}其中p为选择器,{}内的是多条样式属性样式规则:(以内嵌式样式表为例)所有的css代码必须写在style标签中在设置样式前,必须使用选择器先先选中标签属性的写法:k:v;样式属性必须写在一对大括号里,且每一条样式属性必须以分号结束 <style> div { width: 100px;原创 2021-08-05 15:01:07 · 124 阅读 · 0 评论 -
web前端学习笔记--css书写位置
css 全称 cascading style sheets,层叠式样式表,是一种用来表现 HTML的文件样式的计算机语言。作用:静态地修饰网页,并且可以配合各种脚本语言动态地对网页各元素进行格式化css规则:由两个主要的部分组成:选择器、以及一条或多条的声明p{width:300px;font-size:14px;}其中,p是选择器,{}里的是多条样式属性,每一条样式属性由属性名:属性值组成书写位置:根据书写位置的不同,可以分为内联式、内嵌式、外联式、导入式内联式(行内式)书写位置:在原创 2021-08-04 22:25:37 · 626 阅读 · 0 评论 -
web前端学习笔记——表单
表单是用来收集用户输入信息的一、表单的组成一个完整的表单通常由表单域、提示信息、表单控件(表单元素)3个部分组成表单域:相当于一个容器,容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域, 表单中的数据就无法传送到后台服务器。提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。表单域标签:form,双标原创 2021-08-01 22:36:58 · 1703 阅读 · 0 评论 -
web前端学习笔记——表格
一、表格基础标签:table、tr、td、th(table>tr>td)table:表格,定义整个表格的大结构,可以设置边框属性(属性值:数字)tr:table rows,表格的行,定义表格由多少行组成td:table data,表格数据,表格单元格,定义每一行有多少个单元格 <table border="2"> <tr> <td>1-1</td> <td>1-原创 2021-07-31 21:55:56 · 241 阅读 · 0 评论 -
web前端学习笔记——列表
对于一些内容相似、结构相似、样式相似的内容使用列表结构进行搭建一、无序列表标签:ul li (嵌套关系,ul>li)ul:unordered list,表示一个无序列表的大结构li:list item,列表项,定义无序列表内的某一项<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li></ul>原创 2021-07-31 21:05:55 · 1232 阅读 · 0 评论 -
web前端学习笔记——锚点跳转
锚点跳转一、页面内锚点跳转在同一页面中,这个位置跳转到另一个位置方法:设置锚点两种方式:在目标位置随意找一个标签,添加一个id属性<h2 id="mubiao">目标位置</h2>在目标位置添加一个空的a标签,只设置一个name属性<a name="mubiao"></a>注:id和name都必须唯一添加链接链接到锚点,在需要点击的位置设置a标签,给a的href属性设置为id或name的属性值<a hre原创 2021-07-30 22:59:01 · 3468 阅读 · 1 评论 -
web前端学习笔记——路径
一、相对路径在查找文件时,从HTML文件本身出发,根据相对的位置进行查找同级查找:指目标文件与HTML文件位于同一级,直接书写文件名+后<img scr="image1.JPG">子级查找:指目标文件在与HTML文件同一级的文件夹内部,需要先查找文件夹的名字,然后进入文件夹,查找目标文件<img src="images/image1.JPG">上级查找:指目标文件在与HTML文件的上一级文件中,需要先跳出当前文件夹(使用…/跳出文件),再查找文件。原创 2021-07-30 22:20:23 · 700 阅读 · 0 评论 -
web前端学习笔记——互联网原理
一、运行过程程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(浏览器)发送HTTP请求到服务器,服务器接受请求后进行浏览器:响应,将存储的相关文件通过HTTP响应回到用户本地的客户端,最后通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。服务器:一种特殊的计算机,也包括处理器、硬盘、内存等,对于处理能力、稳定性、可靠性、安全性等方面要求较高,对于WEB来讲,用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。云服务器:一种简单高效、安全可靠、处理能力可弹性伸缩的计原创 2021-07-30 21:49:59 · 99 阅读 · 0 评论 -
web前端学习笔记(一)——HTML基础
web前端学习笔记(一)——HTML基础1.前端开发是什么?前端开发是创建Web页面或app等前端界面呈现给用户的过程核心技术:HTML CSS JavaScript等2.网页的组成网页的组成:HTML(结构层)、css(样式层)、JavaScript(行为层)、其他多媒体内容(图片、视频、音频、超级链接等)注:所有的网页文件都是真实的、物理存在的文件3.HTML概念纯文本格式:没有任何文本修饰的,没有粗体、下划线、斜体、图片等的文本,只保存文本,不保存其格式设置。最常见的就是.txt文件原创 2021-07-30 21:06:04 · 219 阅读 · 0 评论