HTML/CSS基础
二狗doggy
这个作者很懒,什么都没留下…
展开
-
opacity
/* opacity 透明度: 取值范围[0 ~ 1] 0表示完全透明,1表示不透明 CSS中颜色会混合叠加*//*兼容IE8及以下*//* filter: alpha(opacity=value); value取值范围[0 ~ 100] 0表示完全透明,100表示不透明*/...原创 2019-10-22 18:04:38 · 97 阅读 · 0 评论 -
position
/*定位*//* position: static:默认值,元素不开启定位 relative:开启相对定位 absolute:开启绝对定位 fix:开启固定定位(绝对定位的一种) 选用一个水平偏移量和一个垂直偏移量就可定位*//* 相对定位: 1.相对定位是相对元素在文档流中的原位置的定位 2....原创 2019-10-22 17:53:02 · 192 阅读 · 0 评论 -
float
/* 元素浮动: float属性设置浮动,元素脱离文档流 none,默认值,元素处于文档流中 left,元素左浮动 right,元素右浮动 浮动元素不超出其父元素 浮动元素之下的元素向上补齐 浮动元素之上为没有浮动的块元素,则该元素不超过其上元素 一行容不下多个...原创 2019-10-21 15:37:56 · 149 阅读 · 0 评论 -
overflow&&文档流
/* overflow: visible,默认值,超出部分显示 hidden,超出部分不显示 scroll,无论内容是否超出,给出横纵方向滚动条 auto,根据内容区情况自动加滚动条*//* 文档流: 块元素: 1.独占一行,自上向下排列 2.width默认值为auto,显示为父元...原创 2019-10-21 10:50:33 · 191 阅读 · 0 评论 -
盒子模型
块级元素盒子模型:/*块级元素的盒子模型*//*设置内容区的高度和宽度 width/height: 内容区放置子元素*/.content { width: 100px; height: 100px;}/*设置边框 border-width:边框的宽度 border-color:边框的颜色 border-style:边框的样式 none,默认值...原创 2019-10-18 15:29:08 · 72 阅读 · 0 评论 -
字体及文本样式
字体及文本样式:/* font-size: 浏览器一般默认字体大小16px, 实际设置的是围绕字体的区域大小,字体实际大小不一定等于font-size设定值*/.size { font-size: 16px;}/* font-family: 网页中字体可分为五大类: serif(衬线字体) s...原创 2019-10-17 15:49:23 · 159 阅读 · 0 评论 -
长度单位
长度单位:/*1.像素(px) 不同显示器的像素大小不同 显示效果越清晰,像素越小,反则越大*/.length1 { width: 100px;}/*2.百分比(%) 根据其父元素的样式计算本元素的样式 自适应页面中常使用百分比*/.length2 { width: 50%;}/*3.em 相对于当前元素的字体大小来计算 设置字体相关的样...原创 2019-10-17 10:42:55 · 120 阅读 · 0 评论 -
文本标签
文本标签: <!--em表强调,斜体显示--> <p>I am <em>a</em> P.</p> <!--strong表强调,粗体显示--> <p>I am <strong>a</strong> P.</p> <!--i以斜体显示...原创 2019-10-17 10:34:24 · 81 阅读 · 0 评论 -
CSS选择器
常用选择器:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>常用选择器</title> <link href="./index.css" rel="stylesheet" /></head>&l...原创 2019-10-10 19:36:02 · 96 阅读 · 0 评论 -
块元素和内联元素
块元素和内联元素:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>块元素与内联元素</title> <link href="./index.css" rel="stylesheet" /></head&g...原创 2019-10-10 16:09:26 · 114 阅读 · 0 评论 -
a标签
a标签:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>a标签</title></head><body> <!--超链接: href:url 指向链接跳转的目标地址 ...原创 2019-10-10 14:48:50 · 57 阅读 · 0 评论 -
iframe标签
iframe标签:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>iframe标签</title></head><body> <!--内联框架 iframe标签创建内联框架...原创 2019-10-09 18:16:51 · 106 阅读 · 0 评论 -
xHTML语法规范
xHTML语法规范:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>xHTML语法规范</title></head><body> <!-- HTML不区分大小写,一般用小写...原创 2019-10-09 16:29:05 · 169 阅读 · 0 评论 -
meta标签
meta标签:<!DOCTYPE html><html><head> <!--meta标签: 设置字符集 设置网页的关键字 指定网页描述 **搜素引擎在检索时,同时检索关键词和描述,但这两个值不影响页面在搜索引擎的排名** 请求的重定向 --> ...原创 2019-10-09 15:49:33 · 69 阅读 · 0 评论 -
img标签
img标签:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>img标签</title></head><body> <!--img标签: src:设置外部图片的路径 ...原创 2019-10-09 15:24:16 · 169 阅读 · 0 评论 -
HTML实体
HTML实体:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>HTML实体</title></head><body> <!--实体: HTML中,一些特殊字符不能直接使用...原创 2019-10-09 14:41:39 · 52 阅读 · 0 评论 -
HTML常用标签及语义
HTML常用标签及语义:<!DOCTYPE html> <!--文档声明,声明此文档为HTML5--><html><head> <meta charset="UTF-8" /> <!--使用UTF-8字符集--> <title>HTML常用标签及语义</title> <...原创 2019-10-09 14:26:23 · 178 阅读 · 0 评论