![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端html css
文章平均质量分 64
青珣墨笠
菜鸟的世界你不懂
展开
-
html标签
每个元素都会具备的通用属性 : id:定义每个标签的唯一标识 title:提示文本 class:样式相关,类样式 style:样式相关,行内样式原创 2017-08-02 18:15:01 · 187 阅读 · 0 评论 -
颜色单位 盒模型 border
颜色单位: 盒子模型: 别名:方框属性、盒子属性、盒子模型 框模型主要设置了元素的 外边距、内边距、边框、高度、宽度、 元素实际宽度=左外边距+左边框+左内边距+宽度+右内边距+右边框+右外边距 外边距: 1、什么是外边距 围绕在元素边框周围的空白区域页面会为元素增加额外的空白距离,外边距是透明的,位置在边框外 2、属性: margin: a.统一设置四个方向的外边距 m原创 2017-08-02 20:27:16 · 324 阅读 · 0 评论 -
HTML CSS十道基础面试题
HTML、CSS中英文全程? HTML HyperText Markup Language 超文本标记语言 CSS Cascading Style Sheets 层叠样式表网页基本结构?<html> <head > '头部文件<table> </table> '网页标题</head> <body> '网原创 2017-08-14 20:06:04 · 523 阅读 · 0 评论 -
Css3新增选择器概述
参考文档:菜鸟教程<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title></title> <link rel="stylesheet" type="text/css" href="css/CSS3.css"/> </head> <body> <d原创 2017-08-14 15:16:38 · 300 阅读 · 0 评论 -
js写实时指针钟表加hover数字提示
点击查看时间 效果图:背景图: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/表盘.css"/> </head> <body>原创 2017-08-12 12:14:43 · 925 阅读 · 0 评论 -
CSS写太极和魔方动画效果
太极效果图: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background-color: #779999;} *{margin: 0;pad原创 2017-08-15 20:13:33 · 705 阅读 · 0 评论 -
js css3写嵌套立方体动画效果(大立方内套小立方)
先上图: HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"></head><body><div class="container"></div><script原创 2017-08-16 10:41:23 · 1139 阅读 · 0 评论 -
HTML CSS写商品详情放大镜效果
先上效果图: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} #small{width: 170px原创 2017-09-02 11:21:29 · 7590 阅读 · 0 评论 -
Angular Ionic概述
Angular: SPAS:单页应用程序 MVC: M(model):数据模型 V(view):视图 C(controller):控制器控制器是用于协调数据模型和视图之间的关系,视图和模型都是相互独立的为什么要使用MVC? 希望代码重用性更强,降低视图和数据模型的耦合度(粘连成都)Anguler: 模块:每一个部分都可单独成立一个模块 指令:ng开头的属性,有特殊意义的属性 服务:原创 2017-08-23 17:53:40 · 867 阅读 · 0 评论 -
css 背景定位 文字样式及文本溢出隐藏···
css样式表特性: 1.继承性 2.层叠性 一个选择器可以被重复定义 在多个不同的定义中,不重复的属性可以层叠在一起 如果属性重复的话,以后定义的为准 3.优先级 样式定义冲突时,按照不同样式的优先级来使用样式 1.浏览器缺省设置(最低) 2.外部样式表或内部样式表–就近原则 3.内联样式(最高) 4.!important 手动调整样式属性的优原创 2017-08-08 20:06:37 · 1806 阅读 · 0 评论 -
CSS浮动与定位 visibility opacity vertical-align cursor属性概述
浮动: 定位: 1.什么是相对定位? visibility与display: **visibility与display的区别: visibility设置元素隐藏会占位display不会占位 opacity设置元素透明度会被元素中内容继承**原创 2017-08-12 11:39:15 · 504 阅读 · 0 评论 -
img和a标签
网页基本结构<!Doctype html> //声明 <html> //根 <head> <title></title> <meta charset=utf-8> </head> <body> </body> </html>img行内块标签 URL(Unifo原创 2017-08-02 18:32:53 · 859 阅读 · 0 评论 -
html介绍
一个网页从请求到最终显示完整过程原创 2017-08-02 17:53:49 · 626 阅读 · 0 评论 -
HTML5
html5包含: 语义化标签,多媒体,3D 图像 & 效果图 性能&集成 连通性 离线&存储 设备访问,样式 1、语义化标签: header:头部 nav:导航 aside:除了主题内容不太重要的内容 广告、小文章、推荐内容 section:段落 一块 章节 footer:底部 adderss:地址 article:文章 time:表示时间日期 mark:标记 data:数原创 2017-08-02 18:46:25 · 187 阅读 · 0 评论 -
html元素 css样式 选择器
fieldset元素-为控件分组 legend元素-为分组指定一个标题<fieldset> <legend>地址信息</legend> 地址:<input type="text"> 邮编:<input type="text"></fieldset>浮动框架:iframe 可以在一个浏览器窗口中同时显示多个页面文档 -在页面上使用iframe元素 -原创 2017-08-02 18:56:12 · 867 阅读 · 0 评论 -
CSS3-多列-视口-媒体查询-弹性盒/弹性布局-Node介绍
css3多列: column-count: 设置列的个数,可以把一行文字分割成设置的列的个数,如果设置了列的宽度,当列的最小宽度和不够总宽度的时候,列的数量就会缩小。 column-width:可以设置列的最小宽度 column-span:设置列的横跨数量,常用于设置标题 column-rule:设置分割线 设置方式与border一样 是一个复合属性 column-gap原创 2017-08-16 10:25:34 · 509 阅读 · 0 评论 -
关于npm-cnpm-postcss-autoprefixer以及BootStrap的使用
工具:可以使用 或者不使用 使用工具可以帮我们更加快捷的处理一些事情 Npm : 很多插件 都是基于npm ,需要使用npm去安装 卸载 Postcss:可以帮我们处理CSS文件 我们希望它可以自动生成兼容的前缀(各个浏览器厂商为了显摆自己,加了自己特殊的名字)不加这个特殊名字就不识别 autoprefixer 可以帮我们添加前缀1.下载Postcss-cli 和 autoprefixer原创 2017-08-17 19:46:44 · 627 阅读 · 0 评论 -
table标签与列表标签
table tr td th 表格属性 table: width:宽度 height:高度 align:水平对齐方式(left center right) border:设置表格的变宽,以px(像素)为单位 cellpadding:内边距(单元格边框与内容之间的距离) cellspacing:外边距(单元格与单元格之间的距离) bgcolor:表格背景颜色 tr: alig原创 2017-08-02 18:36:06 · 499 阅读 · 0 评论 -
form表单 input textarea 下拉框及display
1、表单的作用 1.显示、收集用户信息 2.将收集到的信息提交给服务器 2、表单语法 语法:form /form 注意:表单中的内容是可以提交给服务器的,提交给服务器的内容要放在表单元素里表单属性: action:表单提交时的动作,提交地址,值为url,默认值为本页 method:提交方式,常用取值:get或post get(默认值):明文提交,原创 2017-08-02 18:44:38 · 2670 阅读 · 0 评论 -
DOM操作-获取节点-创建节点
DOM概述 DHTML=HTML+CSS+JS HTML、XHTML、DHTML、XMLDHTML对象模型: window:当前浏览器打开的窗口 document:当前正在打开的HTML文档 navigator:封装了浏览器软件的版本信息以及部分设置 history:封装了当前窗口成功浏览过的历史记录原创 2017-08-29 20:24:12 · 725 阅读 · 0 评论