会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
牛耀民
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
2019年8月31日
dom
摘要: 什么是 DOM? DOM 是 W3C(万维网联盟)的标准。 DOM 定义了访问 HTML 和 XML 文档的标准: W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML
阅读全文
posted @ 2019-08-31 20:24 牛耀民
阅读(362)
评论(0)
推荐(0)
2019年8月29日
@media
摘要: 一、@media媒体查询用途 媒体查询Media Queries,可以根据不同的设备为其实现不同的样式。@media可以根据不同的屏幕尺寸设置不同的样式,页面布局分别适应移动端、pc端等,在调整浏览器的大小,页面会根据媒体的宽度和高度来重新布置样式。 CSS2中使用的@media媒体查询在很多设备上
阅读全文
posted @ 2019-08-29 20:20 牛耀民
阅读(2878)
评论(2)
推荐(1)
2019年8月28日
Background属性
摘要: css背景属性用于定义HTML元素的背景 背景属性既可以为单个的单元设置背景,也可以为整个页面设置背景,可以对上述二者的任意组合设置背景,段落、文字、不同状态的链接、图像、内容区域修改其背景样式。设置背景有很多属性可以利用。将在下文中详细解释这些属性的用法。 简写方式:background: #00
阅读全文
posted @ 2019-08-28 22:06 牛耀民
阅读(464)
评论(0)
推荐(0)
2019年8月27日
css动画
摘要: animation属性设置动画效果 animation属性取值 @keyframes 规定动画 animation 所有动画属性的简写属性,除了animation-play-state属性 animation-name 规定@keyframes 动画名称 animation-duration 规定一
阅读全文
posted @ 2019-08-27 21:19 牛耀民
阅读(203)
评论(2)
推荐(0)
css过渡transition属性
摘要: 一、CSS3 过渡 (一)、CSS3过渡简介 CSS3过渡是元素从一种样式逐渐改变为另一种的效果。 实现过渡效果的两个要件: 规定把效果添加到哪个 CSS 属性上 规定效果的时长 定义动画的规则 过渡transition (作用) 将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值” (二)
阅读全文
posted @ 2019-08-27 19:19 牛耀民
阅读(2879)
评论(0)
推荐(0)
2019年8月25日
text属性
摘要: 用text设置 h1、h2、h3、h4 元素的文本修饰:text-decoration 可以选用的值 text-align 属性规定元素中的文本的水平对齐方式。 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 just
阅读全文
posted @ 2019-08-25 22:48 牛耀民
阅读(994)
评论(0)
推荐(0)
厂商前缀
摘要: css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程,css中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。 CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚
阅读全文
posted @ 2019-08-25 21:59 牛耀民
阅读(306)
评论(0)
推荐(0)
2019年8月24日
文本阴影和边框阴影
摘要: 文本阴影 语法 text-shadow:h-shadow v-shadow blur color; 在CSS3之前,除非使用图片,否则无法给文本添加阴影效果。现在,使用text-shadow属性,可以为文本添加一个或多个阴影及模糊效果。前两个0ffset必需添加,后两个blur,color可选! 不
阅读全文
posted @ 2019-08-24 23:25 牛耀民
阅读(633)
评论(0)
推荐(0)
2019年8月23日
2D转换
摘要: 一、CSS3转换 通过转换实现对对元素进行旋转、缩放、移动、拉伸的效果;这种原来必须要通过JS或者图片处理才可以实现的效果,现在都可以通过CSS3来完成。 2D转换采用transform属性来实现效果。 transform的取值: translate()移动 rotate()旋转 scale()缩放
阅读全文
posted @ 2019-08-23 21:22 牛耀民
阅读(250)
评论(0)
推荐(0)
2019年8月20日
overflow属性
摘要: overflow属性规定的是当盒子里的内容溢出盒子框时,所显示的样式。共有三个属性值: scroll 文本显示滚动条 hidden 文本超出的地方不可见 auto 自动,如果有超出的部分,显示滚动条。没有就不会显示滚动条。
阅读全文
posted @ 2019-08-20 21:44 牛耀民
阅读(414)
评论(0)
推荐(0)
2019年8月19日
margin属性
摘要: 恢复内容开始 css盒子 由内容边缘(Content edge)包围形成的是内容盒(Content Box),类推还有内边距盒(Padding Box)、边框盒(Border Box)、外边距盒(Margin Box)。其中内容盒、内边距盒、边框盒的背景由background属性决定,而外边距盒的背
阅读全文
posted @ 2019-08-19 00:47 牛耀民
阅读(1197)
评论(0)
推荐(0)
2019年8月15日
CSS圆角边框
摘要: 1.圆角边框简介 就是通过border-radius属性对元素的四个角进行设置{属性不具有继承性}。 border-radius有四个属性分别是top,left,right,bottom,可以进行设置像素。也可以直接设置一个值四边都是相等的。 也可以同时设置两个值border-radius: 50p
阅读全文
posted @ 2019-08-15 23:41 牛耀民
阅读(1552)
评论(0)
推荐(0)
浮动定位
摘要: 浮动定位float float可选值: * none,默认值,元素默认在文档流中排列 * left,元素会立刻脱离文档流,向页面的左侧浮动 * right,元素会立刻脱离文档流,向页面的右侧浮动 浮动定位是居于文档流之上的定位。 浮动定位不会超过上面的兄弟元素 可以通过浮动设置文字环绕效果 内联元素
阅读全文
posted @ 2019-08-15 22:01 牛耀民
阅读(367)
评论(1)
推荐(0)
2019年8月14日
文档流定位
摘要: 文档定位是一种浏览器默认的定位方式display属性规定元素的类型并可以互相转换! display:block可以设置元素的height,width,margin,padding。并且可以自带换行符单独占一行。常见的block元素都有<div>,<p>,<h1>,<ol>,<ul>,<form>,<
阅读全文
posted @ 2019-08-14 17:29 牛耀民
阅读(545)
评论(1)
推荐(0)
2019年8月13日
position属性
摘要: position这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 绝对定位sbsolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置
阅读全文
posted @ 2019-08-13 11:13 牛耀民
阅读(264)
评论(2)
推荐(1)
2019年8月12日
选择器二
摘要: 并集选择器(选择器分组):通过选择器分组同时选中多个选择器对应的元素。 显示效果: 交集选择器(复合选择器):可以同时满足多个选择器的元素 显示效果: 后代选择器:选中指定元素的指定后代元素设置样式。 显示效果: 子元素选择器:选中指定父元素中的子元素。 显示效果: 混合使用选择器的方法。
阅读全文
posted @ 2019-08-12 20:17 牛耀民
阅读(164)
评论(0)
推荐(0)
2019年8月11日
盒子两种模型
摘要: 什么是盒子模型? 盒子模型(框模型)是css部分非常重要的一部分知识,CSS在处理网页的时候,认为每个元素都处在一个不可见的盒子中。盒子模型的构想,把所有的元素都想象成盒子,那么对网页进行布局的时候就可以理解为对盒子进行排列。至于要将相应的盒子摆放到网页相应的位置中即可完成页面布局。CSS 盒子模型
阅读全文
posted @ 2019-08-11 22:57 牛耀民
阅读(953)
评论(1)
推荐(1)
2019年8月10日
HTML表单
摘要: 1.HTML表单 HTML 表单用于搜集不同类型的用户输入。 2.method和action是什麽意思。 <form method="post"(规定如何发送表单数据 常用值:get|post) action="result.html"(表示向何处发送表单数据)></form> 3.表单的元素格式
阅读全文
posted @ 2019-08-10 20:37 牛耀民
阅读(1289)
评论(0)
推荐(0)
2019年8月9日
html列表
摘要: 无序列表ul <ul><li>html</li><li>css</li><li>js</li></ul> 下图所示: 有序列表ol <ol><li>html</li><li>css</li><li>js</li></ol> 下图所示: 嵌套列表 <h4>一个嵌套列表:</h4><ul> <li>咖啡
阅读全文
posted @ 2019-08-09 21:15 牛耀民
阅读(249)
评论(0)
推荐(0)
2019年8月7日
html语义化标签
摘要: HTML语义化的重要性。 如何实现html语义化?减少对html结构的依赖,例如在html结构中有一个设置文字样式的<font>标签,但是在html5协议中则不建议再进行使用,建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而
阅读全文
posted @ 2019-08-07 23:01 牛耀民
阅读(407)
评论(2)
推荐(1)
2019年8月6日
css伪类选择器
摘要: 什么是伪类选择器? 伪类选择器用来表示元素的一种特殊样式。比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框。当我们需要为处于这些特殊状态的元素设置状态时,就可以使用伪类。 伪类链接:link和visited link:为没有访问过的链接设置一个颜色为红色需要用到伪类选择器a:link{}
阅读全文
posted @ 2019-08-06 23:37 牛耀民
阅读(282)
评论(1)
推荐(1)
2019年8月5日
html表格
摘要: 表格如何制作? 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <body> <
阅读全文
posted @ 2019-08-05 22:56 牛耀民
阅读(154)
评论(1)
推荐(0)
css简介
摘要: css是什么? css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够
阅读全文
posted @ 2019-08-05 00:31 牛耀民
阅读(932)
评论(0)
推荐(0)
2019年8月4日
css四种基本选择器
摘要: css选择器是什么? 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。 CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。 CSS的选择器分为两大类:基本选择题
阅读全文
posted @ 2019-08-04 23:12 牛耀民
阅读(4506)
评论(1)
推荐(0)
2019年8月3日
css简介以及css的添加方法
摘要: 什么是css? CSS是Cascading Style Sheets的简称,CSS是用来美化网页中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css的基本语法 1.选择器{属性:值;属性:值;…….}。注意:属性和属性值之间用冒号(:)隔开,定义多个属性时,属性之间用
阅读全文
posted @ 2019-08-03 01:37 牛耀民
阅读(408)
评论(1)
推荐(0)
2019年7月31日
前端工程是什么?
摘要: 前段工程是什么?前端工程师和后端工程要做的工作就是软件开发!软件主要分为两种架构C/S和B/S。我们主要从事B/S的开发。软件的架构分别是c/s和b/s。c/s客户端/服务器一般我们使用的软件都是这个架构比如软件qq,360,offioce。c表示用户端,用户通过客户端使用软件。s表示服务器,服务器
阅读全文
posted @ 2019-07-31 22:33 牛耀民
阅读(363)
评论(0)
推荐(0)
json基本内容
摘要: json的基本信息和历史 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于欧洲计算机协会制定的js规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时
阅读全文
posted @ 2019-07-31 22:15 牛耀民
阅读(401)
评论(1)
推荐(0)
2019年7月25日
html基本结构
摘要: 1.html是一种超文本标记语言全称为(HyperText Mark-up Language),不是编程语言而是标记语言。html标签要成对出现结束时需要加斜杠例如<html></html>头部标签是<head></head>主体标签是<body></body>(除了一些标签,他们不是成对存在的)
阅读全文
posted @ 2019-07-25 19:59 牛耀民
阅读(5335)
评论(0)
推荐(0)
上一页
1
2
3
4
公告