Html&Css
文章平均质量分 64
pro_12306
工作
展开
-
编写网页常用的属性和选择器
1.margin padding display font position float1.1background: https://www.xp.cn/css3/ background-attachment:背景图片附着位置的方式 scroll:默认值;背景图片会随着页面其于部分的滚动而滚动;相对于html元素(容器本身) fixed :背景图片位置固...原创 2019-10-15 13:38:29 · 793 阅读 · 0 评论 -
HTML中 table
1.Html中的表格的结构 1.表格(table)>行(tr) >单元格(td) <table> <tr> <td></td> </tr> </table> 2.基本结构的特点 a.三个标签都是表格的基本构成结构,缺一不可且嵌原创 2018-12-22 12:49:37 · 679 阅读 · 1 评论 -
HTML 多媒体
1.多媒体常见类型 a.动画(flash) 1.格式:.swf 2.特点:体积小,效果炫酷; 3.场景:广告宣传,特性制作...... 4.实现方法:使用flash播放器播放 5.IOS系不支持,多用于PC端,移动端很少用; b.视频(video) 1.目前主流的播放方式 a.通过flash player播...原创 2018-12-26 09:11:18 · 176 阅读 · 0 评论 -
定位层(position, z-index)
定位层(脱离了普通文档流) 1.定位层是由html元素(标签)形成的一个特殊的box盒子; 其重点在由"定位",而html元素(标签)的定位由css来控制, 通常情况下,html元素(标签)默认的定位方式叫作"静态定位", 存在于普通文档流中,而定位层是指的那些修改了定位方式的box, 即非静态定位的box; 2.定位层的...原创 2019-01-16 16:15:21 · 2441 阅读 · 0 评论 -
HTML语法结构及规范
HTML语法结构及规范1. 概念 Html是一种超文本标记语言;2.html注释<!--注释内容-->注释的作用:代码说明;3.语法结构 1.符号 尖括号<>; 所有的HTML语言都必须括在其中; 2.标签格式 双标签:成对出现<标签名></标签名> <titile>H...原创 2019-01-22 21:43:28 · 6037 阅读 · 0 评论 -
CSS基本语法
1.css样式 1.行内样式 <div id="box" style="font-size: 15px;"></div> 通过标签style属性来设定css样式,css代码位于HTML标签的标记中; 仅对当前使用的标签有效; 2.内嵌样式<style>*{margin: 0;padding:...原创 2019-01-30 18:09:30 · 435 阅读 · 0 评论 -
简单新闻页
简单新闻页https://item.btime.com/m_901a2e2ad1aafd12e<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!--https://item.btime.com/原创 2019-02-17 16:46:31 · 441 阅读 · 0 评论 -
HTML目录
HTML语法结构及规范 CSS基本语法 简单新闻页 html塌陷问题和解决方案 定位层 盒子模型 html中表单元素 html Table css 字体样式 css 文本样式...原创 2019-02-17 16:55:05 · 4279 阅读 · 0 评论 -
H5中的布局标签
H5中的布局标签 1.Html是具有语义化的语言,针对页面的布局,有一类标签代表各种意义的"布局盒子"; 2.所有的布局标签都主要是用来构建页面的内容区域,是双标签类型,,默认显示为块状元素; 3.<div>标签 布局(盒子) 4.HTML5新增的常用的布局标签 <header></header>页面/区域头部 ...原创 2019-09-11 11:14:54 · 3752 阅读 · 0 评论 -
html5 表单元素
1.概念 表单是搜集用户信息的各种表单元素的集合区域; 2.表单的作用 a.实现网页上的数据交互; b.搜集客户端输入的数据信息,提交到网站服务器端进行处理; 3.常见的应用 a.注册/登录 b.搜素 c.留言/评论 d.文件上传/文章编辑 4.表单标签<form> a.双标签,...原创 2018-12-16 15:18:21 · 461 阅读 · 0 评论 -
Css 伪类
1.概念 a.一种动态的选择符,不是预先创建而是动态形成的; b.当html元素具有不同的状态或特征时,伪类可以设定该元素不同状态或特征下的样式效果;2.伪类的写法 在常用的选择器中加一个冒号":",然后加上伪类的名称; a:hover{color:red;}3.常用的伪类伪类 主要作用对象 说明 :link <a&...原创 2018-12-01 20:36:21 · 624 阅读 · 0 评论 -
html 超链接 <a>
超链接1.标签<a> a.双标签,行间元素 b.href 属性 用来定义链接的目标地址,实现超链接的功能; 如果没有href属性,<a>标签仅仅是超链接的一个占位符;2.链接的常见形式 a.锚点(anchor),用来在网页内部跳转 1.锚点链接主要用来跳转到页面中的特定位置 2.通常href属性的值为#+id名,可以定位到具体特...原创 2018-12-01 20:09:39 · 321 阅读 · 0 评论 -
html塌陷问题和解决方案
问题描述:如果父元素只包含了浮动元素 ,那么父元素在未设置高度的同时,则父元素高度塌缩为零;解决方案:(使用clear属性)1.创建一个用来清除浮动的css样式类(.clearfix) 2.针对包裹的全是浮动元素的父级容器使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"...原创 2018-11-24 21:59:16 · 1724 阅读 · 3 评论 -
html布局(Layout)
一列布局 1.页面内容区域有一个固定宽度 2.页面内容区域在浏览器窗口中自动适应居中 实现方式: box{widht:自定义;margin 0 auto} 固定宽度设置 1.以主流的分辨率来判断 二列布局(1列固定宽度,1列自动适应宽) 1.固定宽度的列:通常称为边栏 主要放置一些固定的内容如导航、菜单之类; 2.自适应宽的列:根据浏览器窗口的大小...原创 2018-11-24 22:01:45 · 2512 阅读 · 0 评论 -
html文本基础结构标签
文本作为web数据,是html的主要内容; 用合适的语义标签对文本数据进行结构化; 多数的文本标签都默认具有一定的样式呈现; 1.标题标签<h1>--<h6> a.分为6个级别,右明显的主次和轻重级关系; b.h1用作主标题(最重要); c.搜素引擎对h1敏感; d.双标签,块状标签默认带有样式效果; 2...原创 2018-11-25 13:53:40 · 235 阅读 · 0 评论 -
html 列表(ol,ul,dl)
列表1.列表是由具有一定顺序,排列而成的数据项的集合;2.列表常见应用 a.列表呈现的信息整齐直观,适合于有规律的区域或栏目板块 如:资讯列表;图片展示(产品/商品);导航;结构:外围的列表区+内部的列表项列表的类型a.无序列表<ul><li></li><ul>b.有序列表 <ol><li>...原创 2018-12-04 20:53:34 · 369 阅读 · 0 评论 -
Css 字体样式( font-family,font-size,color,font-weight,font-style,font)
Css 字体样式: font-family:设置文本的字体系列; a.字体家族:一系列的字体呈现的一种同一的风格,是拥有相似外观的字体的系统组合; b.特定字体:一个单独的字体系列; c.支持多个取值,以逗号分隔开,浏览器解读的时候安装从左到右的顺序,如果不支持第一个字体,则依次尝试下一个; d.被所以的html字元素继承,通常可以个bo...原创 2018-11-27 20:06:08 · 1090 阅读 · 0 评论 -
Css 文本样式(text-align,text-decoration,text-indent,text-shadow,box-shadow,line-height,overflow... )
Css 文本样式 1. text-align:设置文本的水平对齐方式 a.text-align:必须用于块状元素,如 <p>,<div>, 定义内部文本级内联元素如何横向对齐; b.默认值是start,取决于html文档的direction属性设置(默认都是从左至右,所以等同于left)...原创 2018-11-27 22:54:21 · 780 阅读 · 0 评论 -
web中的图片(img/background)操作
web图片的格式(大部分格式)图片格式 压缩方式 透明度 动 画 适应场景jpg 有损压缩 不支持 不支持 照片|文章配图|广告图png 无损压缩 支持 不支持 透明图|图标...原创 2018-12-01 15:50:45 · 3812 阅读 · 0 评论 -
盒子模型(margin,padding,border,float,clear)
1.盒子模型(box model) content:内容 内容区域设定: widht:宽度 height:高度 ...原创 2018-11-03 20:56:13 · 592 阅读 · 0 评论