首页 > 其他分享 >web

web

时间:2022-09-28 09:56:46浏览次数:47  
标签:web repeat 平铺 样式 元素 边框 选择器

Web

1.URL:

中文名字叫做统一资源定位符,对可以从互联网上得到资源位置和访问方法的一种简洁表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的url.

2.块级元素:

h1~h6 p table ul div

特点:

总是在新的一行上开始;独占一行

3.级联元素:

Strong a img span

特点:

和其他元素都在一行上

4.

<body>

<a href=“”>点击这里链接到…….页面</a>

</body>

Blank:将被链接的文档加载到新的游览器窗口中。

Get:使用get提交方式,地址栏状态会发生变化,表单数据会在URL信息中显示。

Post:提交方式不会改变地址栏状态,表单数据不会被显示。

5.

选择列表是通过<select>标签和<option>标签来实现的

6.

css全称为层叠样式表,通常又称风格样式表

css样式有4种方法:

内联样式、内部样式、外部样式、导入外部样试

7.

ID选择器是唯一的

a:hover{color:#ff00fff}/*鼠标移动到连接上*/

8.

(1)选择器类型从低到高:

*元素选择器(标签)和伪元素选择器、

*类选择器、属性选择器和伪类选择器、

*ID选择器

(2)引入方式从低到高排列:

*外部样式

*内部样式

*内联样式

(3)CSS单位:

Em:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位一般游览字体大小默认为16px,则2em==32px;

Rem:相对跟元素字体尺寸的倍数

Rgb:(red、green、blue)

9.背景图平铺background-repeat

*repeat:沿水平和垂直两个方向平铺

*no-repeat:不平铺,即背景图像只显示一次

*repeat-x:只沿水平方向平铺

*repeat-y:只沿垂直方向平铺

*Round:自动缩放直到适应填充满整个容器

*Space:以相同的间距平铺,并填充满整个容器或某个方向

10.DIV

*内边距(padding):边框内部,内容与边框的距离,即对应包装盒的填充部分,所以也称填充。

*外边距(margin):边框外部,边框外面周围的间隙,也称边界。

11.

*relative:相对定位,基准位置为其正常应该所在位置,通常需要top、bottom、right、left配合使用。

*absolute:绝对定位。水平方向使用left或right属性来指定。

标签:web,repeat,平铺,样式,元素,边框,选择器
From: https://www.cnblogs.com/Lovew2/p/16736966.html

相关文章

  • 尚硅谷-JavaWeb CSS
    1.CSS:层叠样式表单,用于(增强)控制网页样式并允许将样式信息域网页内容分离的一种标记性语言;2.CSS和HTML的组合方式:第一种:在标签的style属性上设置"key:valuevalue",......
  • WEB自动化-11-数据驱动
    11数据驱动  数据驱动是测试框架中一个非常好的功能,使用数据驱动,可以在不增加代码量的情况下生成不同的测试策略。下面我们来看看在Cypress中的数据驱动使用方法。1......
  • 移动Web开发入门(九) -- 移动端常见问题
    前言本文主要记录了移动端的常见问题,包含H5标签兼容性的查看、H5标签补丁的简单介绍和click300ms延时问题以及单行文本溢出隐藏和多行文本溢出隐藏的解决方案。H5标签兼......
  • JavaWeb5 JDBC
       packagecom.itheima.jdbc;importjava.sql.Connection;importjava.sql.DriverManager;importjava.sql.SQLOutput;importjava.sql.Statement;publi......
  • 前端面试总结10-WebApi-事件
    1.事件绑定通用函数(包括事件代理)functionbindEvent(elem,type,selector,fn){if(fn==null){fn=selector;selector=null;}elem.addEventListener(type,event=>{con......
  • Vue、React、Angular之三国杀,web前端入坑第六篇(上)
      「懒癌引发血案 」目前前端技术栈发生了翻天覆地的变化,上篇刚写了只会jquery要失业,再不学新的你就要被淘汰,虽然有点危言耸听,不过现实情况确实是这样。vue、react、an......
  • Javaweb核心之注解开发Servlet
    这是一篇关于讲解如何正确使用51CTO博客-Markdown的排版示例,希望通过此,大家都能轻松上手,都能通过Markdown能#4注解开发Servlet4.1Servlet3.0规范4.2注解开发入门案......
  • Javaweb核心响应对象
    1响应对象1.1响应对象概述1.1.1关于响应响应,它表示了服务器端收到请求,同时也已经处理完成,把处理的结果告知用户。简单来说,指的就是服务器把请求的处理结果告知客户端......
  • javaweb核心之会话技术
    1会话技术1.1会话管理概述1.1.1什么是会话这里的会话,指的是web开发中的一次通话过程,当打开浏览器,访问网站地址后,会话开始,当关闭浏览器(或者到了过期时间),会话结束。举......
  • 前端面试总结08-WebApi-Bom
    知识点:(1:navigator:识别浏览器类型  (2:sreen  (3:location:拆解url各个部分  (4:history ......