- 博客(20)
- 收藏
- 关注
RSS订阅原创 CSS3-选择器+文字+边框+背景+颜色+渐变
文章目录1 、介绍CSS3的主要新特性：CSS3的属性前缀1）主流浏览器内核2）厂商前缀2、CSS3选择器1）属性选择器2）结构性伪类①:root 匹配HTML标签,与body选择器效果一样②子元素选择器:匹配父元素中连续的子元素③nth-of-type类：用于匹配父元素中兄弟子元素，可以用于子元素非连续的情况④其他3）目标伪类4）UI元素状态伪类5）否定伪类6）通用兄弟元素选择器3.CSS3文本1） 文本阴影（主流浏览器都支持，（IE9以上支持））2）文本自动换行（主流浏览器都支持）3）单词拆分（主流浏览
2020-12-22 09:36:15
695
原创 html5-练习HTML5新特性
文章目录HTML参考代码css参考代码HTML参考代码 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Belgrano"> <link rel="stylesheet" href="06zuoye.css"></
2020-12-01 19:27:35
151
原创 html5- 新增常用属性
文章目录1.HTML5常用属性2.表单组件3.表单属性4.input属性1.HTML5常用属性1）contentEditable将标签转换为可编辑状态。可用于所有标签。它的值有true/false。 <!-- 1）contentEditable --><p contentEditable="true">contentEditable</p>2）hidden对元素进行隐藏。一般用来传值或当某个条件成立，执行内容显示。默认值为hidden。<!-- 2
2020-12-01 18:46:21
265
原创 HTML5-HTML5多媒体
文章目录HTML5多媒体1)audio2)video3)embedHTML5多媒体1)audio播放音乐或音频。IE9以下的版本不支持。a)支持的格式.mp3/.ogg/.wavb)属性src:文件路径autoplay:自动播放loop:循环controls:控制条muted:静音preload:预加载（当使用autoplay时，preload自动失效）<!-- 1)audio --><audio src="img/menu.ogg" controls
2020-12-01 17:14:37
141
原创 HTML5-认识+新特性+布局标签+语义化标签
1.HTML5由W3C和WHAT组织机构共同研发出来的，于2014年正式发布。2.HTML5成为了新一代网页开发标准。3.HTML5新特性（面试）1）增加了audio和video音频播放，抛弃了Flash2）新增了canvas画布（绘画，制作动画（如小游戏开发等））3）地理定位4）增加了离线缓存5）硬件加速6）Web Socket（全双工通信）7）增加了本地存储8）新增了一些语义化标签4.网页布局标签header:页首nav:导航栏aside:侧边栏main:主体sectio
2020-12-01 17:02:37
887
原创 css-项目实训（招商银行）
<!-- 页面 --><div class="container"> <!-- 页首 --> <div class="header"> <!-- logo --> <a href="#"><img src="img/logo.jpg" alt="logo" /></a> <!-- 主导航 --> <nav class="mainnav"> <ul>.
2020-12-01 10:14:10
1407
2
原创 css- BFC&IFC
先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。BFC:块级格式上下文形成BFC的条件1.) 浮动元素（float除none以外的值）2.) 定位元素（position(absolute/fixed)).
2020-12-01 10:08:25
111
原创 css-双飞翼布局+圣杯布局+侧边栏固定布局
网站开发策略：先整体再局部，至顶向下，逐步细化。双飞翼布局由三列组成，两端固定，中间自适应。两边叠加在了中间的上面双飞翼布局的优点：（1）兼容性好，兼容所有主流浏览器，包括万恶的IE6。（2）因为在DOM中center_panel在三列结构的最前面，因此可以实现主要内容的优先加载。 <div class="container"> <div class="conculor content"></div> <div class="concul
2020-12-01 09:49:07
330
原创 css-position定位+z-index
定位（position)（重点）通过定位属性可以设置一些不规则的布局，使用TLBR(top,left,bottom,right)来调整元素位置。设定元素在文档中的位置。会将标签（元素）转换为块级。定位分类（属性值）1）static:静态定位默认值，没有定位，不能设置偏移值(left/top/right/bottom)，占用标准流（文档流）2）relative:相对定位占用标准流（文档流），它仍然会占用出文档流中它的位置，做偏移后，其他元素的位置不会改变。可以通过设置偏移值改变其位置。它相对于.
2020-11-30 14:44:04
210
原创 CSS-table样式+
table样式table一般不用来布局，主要用来格式化数据。属性：width:宽度height:高度border-collapse:collapse; 单线边框border:边框线td,tr属性：width:宽度height:高度text-align:文本水平方向对齐方式(left(默认)/center/right)vertical-align:文本垂直方向对齐方式(top/middle(默认)/bottom)列表样式不是描述性的文本的任何内容都可以认为是列表。比如：菜单、商品列
2020-11-30 11:44:23
1486
原创 css布局-浮动布局+盒子模型+display
浮动什么是浮动：就是让块级标签不独占一行，目的（使用场景）：把块级标签可以排在一行上。float属性定义的元素在哪个方向浮动，在css中所有元素都可以浮动，浮动元素会生成一个块级框，不论他本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度，否则，他会尽可能的窄。浮动的原理：就是让元素脱离文档流（文档流中：内联元素默认从左到右流，遇到阻碍或者宽度不够自动换行，继续按照从左到右的方式布局。块级元素单独占据一行，并按照从上到下的方式布局。)，不占用标准流float的值：left
2020-11-30 10:31:04
386
原创 CSS-选择器+伪类+样式属性
选择器通配符选择器：匹配HTML中所有元素（注意：性能差，因为他要匹配所有元素，所以在开发时不建议使用）* { color: #BC8F8F;}标签选择器：用来匹配对应的标签span{ display: block; margin-right: 20px; border: 1px solid darkmagenta;}类选择器：用来匹配class命名的标签<div class="pp">这是div标签</div>.pp { colo
2020-11-30 09:37:49
493
原创 css-认识+引用
css介绍css：层叠样式表，又称串样式列表，有w3c定义和维护，一种用来为结构化文档（如html、xml），添加样式（字体、间距、颜色等）的计算机语言。css能够对网页中元素位置的排版进行像素级精确控制，支持所有的字体字号样式，拥有对网 页的对象和模型样式编辑的能力，就是美化页面，做到结构(html)和表现(css)分离。基本语法：选择器 { 属性： 属性值；}引用方式：行间样式：直接在标签上书写样式内部样式：在文件的内部书写样式,需要写到<head><styl
2020-11-24 10:45:34
56
原创 HTML-练习table+form
table表格<p>基本表格</p><table border="2" width="300px" align="center" height="100px" bordercolor="blue"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td>
2020-11-24 10:21:22
228
原创 HTML-form表单+iframe
form 表单标签form表单是标签是所有标签最核心标签之一，它是用来实现前后端交互的一个重要标签常用属性：name：表单名称action：表单数据提交的地方（通常是一个后台文件名（.jsp/.php/.asp/.aspx/.py等），或网址）。如果是#，表示提交到当前文件下。method：前端提交数据到后台的方法，主要有get和post。默认的是get。用get提交，数据会直接暴露出来，用past不会暴露显示的是action的值表单元素有：input类：主要完成输入,选择或发出指令根据
2020-11-24 10:08:49
1675
原创 HTML-标签属性+table 表格标签
HTML标签属性标签由标签名、标签属性和文本内容三部分组成（单标签没有文本内容）。标签属性是对标签的一种描述方式。标签属性分为通用属性、自有属性和自定义属性。通有属性：所有标签都具有的属性。通有属性有：id:用来给标签取一个唯一的名称，id名称在一个网页中必须是唯一的。class：用来给标签取一个类名style：用来设施该标签的行内样式title：主要是当鼠标移到该标签，所显示的提示内容。自定义标签属性：通常用来传值或用于图片的懒加载等方面。格式：data-（ 通常会是一个单
2020-11-24 09:49:24
265
原创 HTML-W3C规范
什么是W3C万维网联盟(World Wide Web)。简单的说就是一个国际性的中立组织，专门负责统一web相关的各项标准。W3C标准由结构、表现和行为三部分组成。标签嵌套原则：块元素可以包含内联元素（行级元素）和某些块元素，但内联元素不能包含块元素只能包含其他内联元素p标签里不能放块级元素h1~h6、p、dt里面不能包含块级元素，只能包含内联元素块级元素与块级元素并列，内嵌元素与内嵌元素并列所有标签和属性的名字都必须用小写不要在注释内容中使用–，有需求时可以使用==所有的属性值
2020-11-23 19:06:44
415
原创 HTML-结构+标签
文档结构<!DOCTYPE html><!-- 下面的文本标签将以html5规范去解析 --><html> <!--头部 用来完成一个网页的相关设置--> <head> <!-- 定义语言编码 --> <meta charset="UTF-8"> <meta name="keywords" content="" /><!--设置一个网站的搜索关键字--> <title&g
2020-11-23 10:29:18
99
原创 前端框架分类+作用
作用解决了原始html，css，js的UI与数据状态之间同步的难题，避免了大量的操作DOM代码。使用了React，Angular和Vue，我们只需要定义一次 UI 界面，不再需要为每个操作编写特定的 UI 代码，同时，每个相同的状态均有相同的输出：当状态改变后，框架自动更新（对应的）视图。框架工作：React：重新渲染整个组件。当组件中的状态发生改变时，在内存中计算出（新的）DOM 结构后与已有的 DOM 结构进行对比。这样会消耗很多资源。因而采取（将真实 DOM）映射为虚拟 DOM
2020-06-17 15:38:11
499
原创 git + gitee + 安装及使用
gitee介绍gitee和github类似是基于git的代码托管平台，就像是一个仓库存储代码。git介绍git是一个分布式的开源版本控制系统，git是一种技术或者说是工具，与CVS、Subversion一类的集中式版本控制工具不同，它采用了分布式版本库的作法，不需要服务器端软件，就可以运作版本控制，使得源代码的发布和交流极其方便。git安装进入git官网https://git-scm.com/downloads直接下载安装即可git使用一. 创建远程仓库----用githee1.注册账
2020-06-09 19:56:41
1180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人