![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DIV+CSS
混吃混喝的废物
混吃混喝等死的废物一个
展开
-
HTML基本常识——表格标签
表格标签的说明表表格标签的说明表 标签名 用法 <table> 表格标签内部必须由tr行标签和td单元格标签组成 <caption> 用来作为表格标题,默认是黑体居中效果 <border> 设置边框宽度,边框值必须大于1像素才有效 <bgcolor> 设置表格背景颜色,默认为蓝色 <ali...原创 2019-07-12 17:02:06 · 128 阅读 · 0 评论 -
CSS基础知识介绍——通过CSS设置各元素的外观
1. 用CSS修饰表单元素的背景色<!DOCTYPE html><html><head> <title>CSS</title> <style type="text/css"> select{width: 200px;} .one{background-color: #FF0000;color: #66CC66...原创 2019-08-04 16:26:07 · 231 阅读 · 0 评论 -
CSS基础知识介绍——CSS滤镜应用
滤镜属性——filter:滤镜名称(参数1,参数2,.....)语法如下:filter:filetername(parameters);filter是滤镜属性选择符filtername是滤镜名称parameters是表示各个滤镜属性的参数1.不透明度——opacityfilter:opacity(百分比)2.动感模糊(高斯模糊)——blur用于在指定块级元素的方向和位置上...原创 2019-08-04 16:36:02 · 255 阅读 · 0 评论 -
CSS基础知识介绍——盒子模型
CSS中的盒子模型:一种以矩形对象的布局的方法用于描述一个为HTML元素形成的矩形盒子。盒子模型是由margin(边界)、border(边框)、padding(空白)和content(内容)几个属性组成的。盒子组成:content ---- 网页内容 border ----- 边框 padding ----- 内边距 margin ------ 外边距总元素的宽度=宽度+左...原创 2019-08-04 17:17:23 · 214 阅读 · 0 评论 -
CSS基础知识介绍——元素定位
在CSS中,可通过position、float、z-index等定位方式对元素进行定位1. 定位方式:position语法如下:{position:relative | absolute | static | fixed}position属性参数作用说明表 参数名 作用 static 是所有元素定位的默认值,无特殊定位,对象遵循HTML定位规则,不能通过z-ind...原创 2019-08-04 19:56:32 · 105 阅读 · 0 评论 -
CSS基础知识介绍——块元素和行内元素
1. 块元素使用CSS中的block定义,它有如下的特点:总是在新行上开始 行高以及顶和底边距都可控制 如果不设置宽度,默认整个容器100%,设置了其值,将会应用我们所设置的值 常用的<p>、<h1>、<form>、<ul>和<li>等都是块元素2. 通过display:inline语句,可以把元素设置为行内元素,inline...原创 2019-08-05 16:52:47 · 187 阅读 · 0 评论 -
CSS基础知识介绍——CSS 3新增的弹性盒模型
弹性盒模型:决定一个元素在盒子中的分布以及如何处理可用的控件要使用弹性盒模型,只需设置盒子(box)的display的属性值为:box(不同的浏览器需要添加不同的前缀)1. box-orient属性: 用来确定盒子中子元素的排列方向语法如下:box-orient: horizontal | vertical | inline-axis | block-axis | inheri...原创 2019-08-05 17:35:11 · 237 阅读 · 0 评论 -
CSS基础知识介绍——CSS 3新增的多列布局
1.column-count属性:用于设置或检索对象的列数,设置等高的文本列语法如下:column-count:auto | 整数2. column-width属性:用于定义分列布局中每列的固定宽度语法如下:column-width:auto | length3. column-gap属性:用于定义分列布局中每列之间的间隔宽度语法如下:column-gap:norm...原创 2019-08-11 19:33:19 · 265 阅读 · 0 评论 -
CSS基础知识介绍——CSS定义图片样式
1. 定义图片边框语法如下:<img src="图片路径" border="数值">border-style、border-color、border-widthborder-style的取值列表 参数名 含义 none 无样式 solid 实线 outset 外凸 groove 槽线 dotted ...原创 2019-08-01 17:19:55 · 3399 阅读 · 0 评论 -
CSS基础知识介绍——通过CSS设置文字和图片交互的效果
1.设置文字环绕的效果:可通过width、height、float和padding来设置语法如下:{float:left | right | none;}padding:设置图片和文字之间的间距语法如下:{padding: 数值1 数值2 数值3 数值4;}padding left、paddingtop、padding right、padding bottom2. 浮动...原创 2019-08-01 17:54:22 · 216 阅读 · 0 评论 -
CSS基础知识介绍——CSS3新增的边框属性
1.border-co0lor:border-top-color、border-bottom-color、border-left-color、border-right-color2.border-radius:实现圆角生成的功能 (图片边框圆角)语法如下:border-radius:none | length(1,4)3.border-image...原创 2019-08-01 18:04:12 · 291 阅读 · 0 评论 -
CSS基础知识介绍——背景图像样式
1. 页面背景图样式语法如下:{background-image:url(图像地址);}2. 设置背景图像重复次数效果语法如下:{background-repeat:repeat-x | repeat-y | no-repeat}repeat-x:图片在x轴方向重复repeat-y:图片在y轴方向重复如果要设置两个方向的平铺,就不需要设置属性值,CSS默认向两个方向平铺...原创 2019-08-02 19:13:07 · 149 阅读 · 0 评论 -
CSS基础知识介绍——背景颜色
1.设置页面背景色语法如下:{background-color:颜色参数}2.通过背景色给页面分块example:<!DOCTYPE html><html><head> <title>CSS</title> <style type="text/css"> *{ padding: 0px; ...原创 2019-08-01 20:13:16 · 171 阅读 · 0 评论 -
DIV+CSS布局综述——布局方式
1.用DIV将页面分块一般页面布局的框架包括:页面容器、页面头部、页面主体和页脚几个部分,每个部分使用ID来表示页面头部一般包括Logo及导航菜单等一些信息,页面主体主要是网页所要显示的内容、链接及广告等,页脚一般就是网站的信息、版权等内容。2.设计各块的位置3.用CSS将分布的DIV定位<!DOCTYPE html><html><head&...原创 2019-08-12 20:17:42 · 310 阅读 · 0 评论 -
CSS基础知识介绍——CSS排版
1. 设计上中下版式的样式<!DOCTYPE html><html><head> <title>CSS</title> <style type="text/css"> body{font-family: "宋体";font-size: 12px;} .big{width: 800px;margin: 0 au...原创 2019-08-16 20:39:46 · 522 阅读 · 0 评论 -
解决CSS开发中的常见问题——浏览器不兼容
1.字体大小不兼容:各个浏览器对字体大小small的定义不同,所以效果不一样比如:IE浏览器small定义为16px,而firefox浏览器定义为13px解决方法:在页面中设置文字大小时,不要使用small设置大小,直接设置具体数值大小2. div里的float悬浮问题:在网页中不同浏览器设置多个float(多块),可能浮动不一致比如:firefox浏览器没有清除上一个float,...原创 2019-08-17 16:18:13 · 606 阅读 · 0 评论 -
CSS基础知识介绍——表单样式
表单基础元素表单元素说明表 元素名 元素作用 input 文本输入框 textarea 可以容纳多行输入的文本输入框 select 下拉菜单 1.输入域标签——input:主要收集用户的信息<form><input type="filed_name" name="type_name">&...原创 2019-08-04 15:46:52 · 533 阅读 · 0 评论 -
CSS基础知识介绍——用CSS定义针对超链接的鼠标特效
用CSS设计鼠标的箭头:CSS样式中的cursor属性用于定义鼠标样式cursor属性的参数值 CSS属性 作用 auto 正常鼠标样式 crosshair 十字鼠标 default 默认鼠标 pointer 点状鼠标 move 移动鼠标 e-resize,ne-resize,nw-resize,n-resize,se-resi...原创 2019-07-30 17:09:11 · 267 阅读 · 0 评论 -
CSS基础知识介绍——CSS链接样式
1.CSS伪类别:一种特殊的类选择器,它能被支持CSS的浏览器自动所识别。最大的用处是在不同状态下可以对链接定义不同的样式。1.2. 用伪类定义动态超链接用伪类修饰超链接标签的用法 伪类 用途 a:link 设置a对象在未被访问前的样式表属性 a:hover 设置对象在其鼠标悬停时的样式表属性 a:active 设置对象在被用户激活(在鼠标单击与释...原创 2019-07-30 16:49:28 · 368 阅读 · 0 评论 -
HTML基本常识——分区标签(div,span)
在HTML文档中常用的分区标签有两个:div标签(主讲这个)、span标签 1.div标签:区域标签(容器标签),用来作为多种html标签组合的容器,对该区域块进行操作和设置 div标签不能嵌套在p标签对中 2.span标签:用来做为片段文字图片等简短内容的容器标签 span标签不能嵌套在其他的封闭级元素中区别:span是文本...原创 2019-07-12 17:27:15 · 5757 阅读 · 0 评论 -
CSS基础知识介绍——CSS入门
CSS是层叠样式表,即多重样式定义被层叠在一起成为一个整体在网页设置中是标准的布局语言,用来控制元素的尺寸、颜色和排版CSS 3新增的功能: 属性选择器、伪类结构选择器和UI元素状态伪类选择器(解决在页面中添加大量class、id和JavaScript脚本的问题) 透明度——允许开发人员为颜色添加Alphat通道,为单个元素中的颜色设置透明度 多栏布局 多个背景图像 文本和...原创 2019-07-14 16:29:29 · 121 阅读 · 0 评论 -
CSS基础知识介绍——CSS的基本语法
一个样式(style)是由三部分构成: Selector(选择器)、属性(Property)、属性值(Value)selector { property: value}example:PS:属性直接用分号隔开在网页设计中,主要有三种类型的选择器:HTML selector、class selector、ID selector...原创 2019-07-14 17:27:42 · 287 阅读 · 0 评论 -
CSS基础知识介绍——关于选择器代码
<!DOCTYPE html><html><head> <title>CSS选择器</title> <style type="text/css"> body{ background-image: url(2.jpg); background-repeat: no-repeat; } div{ mar...原创 2019-07-14 17:50:32 · 125 阅读 · 0 评论 -
CSS基础知识及介绍——CSS的4种引入方式
第一种,直接把CSS代码添加到HTML的标识符(tag)里example:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS选择器</title></head><body> <p sty...原创 2019-07-15 15:53:48 · 114 阅读 · 0 评论 -
CSS基础知识及介绍——CSS里的单位和值
1.颜色:命名颜色、RGB颜色、十六进制颜色、网络安全色 命名颜色:英文单词命名与之相应的颜色 RGB颜色:以红、绿、蓝三种颜色为基本色example:color:rgb(255,0,0);红色color:rgb(0,255,0)绿色color:rgb(100%,0,0)红色取值范围为0-255(可采用数值和百分比进行设置)十六进制颜色:在Dreamweaver可通...原创 2019-07-15 16:58:46 · 146 阅读 · 0 评论 -
CSS基础知识介绍——通过CSS控制文本样式
定义文字颜色 通过CSS设置字体:font-family、font-variant font-family、font-size、font-variant(设置字体的变形)、font-weight、font-style 3.字体粗细与斜体:font-weight、font-stylefont-weight设置字体粗细样式的参数说明表 参数 说明 Bol...原创 2019-07-18 15:19:00 · 154 阅读 · 0 评论 -
CSS基础知识介绍——用CSS控制字间距和对齐方式
设置字间距语法如下:letter-spacing:数值;数值是设置字间距长度,正值表示加进指定的长度,而负值则表示减去正常长度在设置字间距时,还需在数字好指定度量单位:ex(小写字母x的高度)。em(大写字母M的宽度) example: letter-spacing:1ex; letter-spacing:-1em; 2.控制对齐方式语...原创 2019-07-18 15:29:37 · 396 阅读 · 0 评论 -
CSS基础知识介绍——通过CSS定义样式表
1. 通过CSS定义无序列表的小攻语法如下:list-style-type:disc | circle | square | none;针对无序列表的对齐方式说明表 参数 说明 disc 实心圆 circle 空心圆 square 实心方块 none 无 2. 通过CSS定义排序列表的样式...原创 2019-07-18 16:31:55 · 175 阅读 · 0 评论 -
CSS基础知识介绍——CSS 3 新增的属性
1.text-shadow属性作用:为页面上的文字添加阴影效果语法如下:text-shadow:h-shadow v-shadow blur colorh-shadow:指定水平方向上阴影的位置,可以为负值v-shadow:指定垂直方向上阴影的位置,可以为负值blur:指定阴影的模糊半径color:指定阴影的颜色example:<!DOCTYPE html&g...原创 2019-07-18 17:27:35 · 203 阅读 · 0 评论 -
HTML基本常识——HTML标签:link、hr、b、i
<hr/>标签:水平线标记,用来在页面中插入一条水平分割线<!-....-->:编写注释link:设置没有被访问的超文本链接的颜色,默认蓝色alink:设置在被访问时的超文本链接的颜色,默认蓝色vlink:设置已经访问过的超文本链接的颜色,默认蓝色<b></b>标签:将文本以粗体字体显示<i></i>标签:将文本以斜体字体显...原创 2019-07-12 16:25:15 · 333 阅读 · 0 评论 -
HTML基本常识——超链接
<a href="..." target="....">href:属性必须有,设置目标页面的地址,它的值为URL。可用“#”代替URLtarget:设置链接被单击后打开窗口的方式 1._blank:指定的链接将会在新浏览器窗口打开 2._parent:指定的链接将会加载到父框架页或窗口中,如果包含链接的框架没有嵌套,链接加载到整个浏览器窗口中 ...原创 2019-07-12 16:30:20 · 373 阅读 · 0 评论 -
HTML基本常识——图像标签 img
<img src="......"> 1.alt: 指定当鼠标在图片停留时,图片将会上现实的提示性的文本。 2.align:指定图片和他周围文本的对齐方式 3.border:指定图片的边框宽度 4.width、height:指定图片在浏览器显示的宽/高度PS:alt属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的...原创 2019-07-12 16:36:49 · 840 阅读 · 0 评论 -
CSS基础知识介绍——css3新增的背景属性
1. background-size属性:控制背景图像的大小语法如下:background-size:auto | length | percentage | cover | containPS:如果用户使用的是Firefox浏览器,需使用“moz-background-suze”或“background-size”的形式。如果用户使用的是Webkit引擎支持的浏览器,需使用“web...原创 2019-08-02 19:32:58 · 444 阅读 · 0 评论 -
CSS基础知识介绍——表格基础
1.table标签table标签属性说明表 属性名 用途 border 表格边框宽度所占的像素点数 width 制定表格的宽度 height 指定表格的高度 align 表格与其相邻文字的位置 cellspacing 指定表格各单元之间的空隙 cellpadding 指定单元格内容与单元格边界之间的空白距离的大小 ...原创 2019-08-02 20:01:11 · 159 阅读 · 0 评论 -
解决CSS开发中的常见问题——解决HTML和CSS的中文编码问题
在网页中,经常会碰到一些因为编码格式而使CSS样式无效的问题1. CSS与HTML页面的默认编码问题例子:在使用DIV+CSS时,经常会碰到IE6浏览器不能正常解析CSS样式的情况一般网页里采用UTF-8的编码格式,而外部的CSS文件默认的是ANSI的编码格式,一般情况下是不会有问题。然而当CSS文件中包含中文注释,就会出现问题解决办法:把CSS、HTML网页文件都统一保存...原创 2019-08-17 17:33:21 · 259 阅读 · 0 评论