![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DIV+CSS
柳志军
这个作者很懒,什么都没留下…
展开
-
13 ,CSS 入门基础,行内排版内嵌式排版和外部排版样式
1.认识 CSS2.传统 HTML 设计网页版面的缺点3.CSS 的特点4.CSS 的排版样式13.1 认识CSSCSS的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式,并且 CSS2规范也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还可以被其他标记语言拿来制作排版样本,如 HTM...原创 2019-03-30 17:09:58 · 366 阅读 · 0 评论 -
27 ,布局
流体浮动布局流体定位布局固定浮动布局固定定位布局流体浮动布局规格:当视窗变化时跟着变化采用:浮动布局兼容:兼容当前主流浏览器. 2. 流体定位布局规格:当视窗变化时跟着变化采用:定位布局兼容:兼容当前主流浏览器. 3. 固定浮动布局规格:固定大小,不能随着视窗改变采用:浮动布局兼容:兼容当前主流浏览器. 4. 固定定位布局规格:固定大...原创 2019-03-31 09:23:44 · 193 阅读 · 0 评论 -
26 , CSS 构造表单
表单标签使用下拉菜单背景滚动条的使用结构化表单布局1 1 1 1. . . . 表单标签的使用姓名: <input type=”text” name=”name”id=”name”/>2 2 2 2. . . . 去掉默认的表单间隔Form {Margin: 0;Padding: 0;}3 3 3 3. . . . 给文本框添加漂亮的边框In...原创 2019-03-31 09:16:31 · 469 阅读 · 1 评论 -
25 ,CSS 构造表格
表格的基础构造边距和边线应用隐藏和删除应用简单表格table {width:auto;border-collapse:collapse;margin-left:20px;border:1px solid black;}td,th {width:50px;border:1px solid black;padding:5px;background:gol...原创 2019-03-31 09:11:42 · 151 阅读 · 0 评论 -
24, CSS 构造超链接
超链接边框派生超链接属性选择器超链接动态超链接图像翻转超链接CSS 工具提示1.给链接加上边框A:link {Color: #f00;Text-decoration: none;Border-bottom: 1px dashed #333;Line-height: 150%;}2.在文章段落中加上超级链接A:link {Color: #f0...原创 2019-03-31 09:04:20 · 685 阅读 · 0 评论 -
23 , CSS 构造列表与导航
列表图片背景列表翻转列表水平导航内边距与外边距Ul {Margin: 0;Padding: 0;}使用图片作为列表图标Ul {Margin: 0;Padding:0;Width: 200px;List-style-image:url(images/list.gif);Line-height: 150%;}以背景图片作为项目列表图标...原创 2019-03-31 08:54:22 · 584 阅读 · 1 评论 -
22 , CSS 构造颜色、背景与图像
设定颜色背景使用图像使用1.设定颜色红色的几种合法定义;#f00;#ff0000;Red;Rgb(255,0,0);Rgb(100%,0%,0%);2.十六进制三元组第一个字节:红色的值;第二个字节:绿色的值;第三个字节:蓝色的值;简化写法:#cccccc 可写成 #ccc, #ff6633 可以写成 #f633.使用 17 种具名颜色黑色(blac...原创 2019-03-31 08:47:23 · 945 阅读 · 1 评论 -
21 , CSS 构造模型
div边距边框定位浮动1 21.1 div部分(division)—元素,经常以 div 形式引用—是 XHTML 元素,用于定义 XHTML 文件中的区域.1.添加 divThis is our content area.给 div 添加一个 idThis is our content area.#container {Padding:...原创 2019-03-31 08:40:37 · 222 阅读 · 0 评论 -
20, CSS 定义选择器
ID 与类层叠分组继承上下文选择器子类选择器其他选择器结构与注释20.1 ID 与类选择器是用于控制页面设计的样式.即 ID 选择器何类选择器.一直以来,许多开发人员经常将 ID 与类混淆,或者不能正确的使用这两种选择器,或者简单的认为是一个代替另一个.这种认知是及其错误的.(1). 应用 ID每个 ID 在一个页面中只能使用一次,作为...原创 2019-03-31 08:31:27 · 475 阅读 · 2 评论 -
19,CSS 滤镜
1.Filter 属性介绍2.Alpha 滤镜的使用3.Blur 滤镜的使用4.Filph、Filpv 滤镜5.DropShadow 滤镜6.Glow 滤镜7.Gray ,Invert,Xray 滤镜8.Shadow 滤镜1 19.1 F Fr ilter 属性介绍设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象...原创 2019-03-31 08:20:56 · 165 阅读 · 0 评论 -
18 章 CSS 链接、光标、 DHTML 、缩放
1.CSS 中链接的使用2.CSS 中光标的使用3.CSS 中 DHTML 的使用4.CSS 中缩放的使用1 18 8. .1 1 S CSS 中 链接的使用超链接伪类属性a:link 表示该超链接文字尚未被点选a:visited 表示该超链接文字已被点选过a:active 表示该超链接文字正被点选,但未被放开a:hover 表示当鼠标停留在文字上1 18 8. .2 2 S...原创 2019-03-30 17:56:05 · 138 阅读 · 0 评论 -
17 , CSS 区块、浮动、定位、溢出、滚动条
1.CSS 中区块的使用2.CSS 中浮动的使用3.CSS 中定位的使用4.CSS 中溢出的使用5.CSS 中滚动条的使用17.1 CSS 中区块的使用属性名称 属性值 说明width 像素/百分比 区块的宽度autoheight 像素/百分比 区块的高度automin-height 像素像素/百分比 区块最小高度automax-height 像素像素/百分比 区块最大高...原创 2019-03-30 17:47:41 · 201 阅读 · 0 评论 -
16 , CSS 边框与边界
1.CSS 中边框的使用2.CSS 中边界的使用16.1 CSS 中边框的使用属性名称 属性值 说明border-color 十六进制 可依序设置上,右,下,左线颜色英文名称 border-color:red(四边均为红色)三原色 border-color:red green(上下为红色,左右为绿色)border-color:red green blue(上为红色、左右为绿色、下...原创 2019-03-30 17:36:21 · 291 阅读 · 0 评论 -
15 , CSS 背景与列表
1.CSS 中背景的使用2.CSS 中列表的使用15.1 CSS 中背景的使用属性名称 属性值 说明background-attachment scroll 设置背景图像会随视窗滚动条的移动而移动。fixed 设置背景图像不会随视窗滚动条的移动而移动。background-color 十六进制 background-color:#ff0000;英文名称 background-co...原创 2019-03-30 17:31:42 · 155 阅读 · 0 评论 -
14 ,CSS 文字与文本
1.CSS 中长度与颜色2.CSS 中的文字属性3.CSS 中的文本属性14.1 CSS 中长度与颜色长度单位 说明in 英寸cm 公分mm 公里cm 以目前字体高度为单位ex 以小写字母高度为单位(大部分不支持)pt 1pt/72英寸pc 1pc/12ptpx 像素(推荐使用)颜色单位: 说明十六进制 如:color:#ff0000颜色名称 如:color:red...原创 2019-03-30 17:18:19 · 166 阅读 · 0 评论 -
如何实现导航菜单栏中的二级下拉菜单?
我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。但是如何实现类似的图片呢?实际上,我们有至少三种方式来实现,下面,我附上代码供大家参考。1.仅使用html和cssDocument 首页 汽车 奥迪 道奇 ...原创 2019-03-31 10:04:44 · 1059 阅读 · 0 评论