TBHacker的博客_[12]CSS

dl dt dd标签的具体用法

一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法：<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记

自定义

html

块级元素

原创 2022-05-25 09:30:52 1484 阅读

十天学会Div+CSS之第一天

一、xhtml css基础知识首先说一下我们这节课的知识点文档类型语言编码 html标签 css样式 css优先级 css盒模型组成 1）文档类型当我们用dreamweaver新建一下html格式文档时

css

html

盒模型

原创 2022-05-25 09:30:03 272 阅读 1收藏

十天学会Div+CSS第二天之一列布局

一、一列固定宽度<style type="text/css">#layout { height: 300px; width: 400px; background: #99FFcc; }</style>二、一列固定宽度居中一列固定宽度居中和一列固定宽度相比

固定宽度

外边距

盒模型

原创 2022-05-25 09:29:50 454 阅读 1收藏

十天学会Div+CSS第三天之【二列和三列布局】

一、两列自适应宽度下面以常见的左列固定右列自适应为例，因为div为块状元素，默认情况下占据一行的空间，要想让下面的div跑到右侧，就需要做助css的浮动来实现。

ide

固定宽度

块级元素

原创 2022-05-25 09:29:14 242 阅读 1收藏

十天学会Div+CSS第四天之【纵向导航与二级菜单】

一、纵向列表纵向列表或称为纵向导航，在网站的产品列表中应用比较广泛，如淘宝网左侧的淘宝服务，今天我们就学习一下纵向导航的制作先新建一个页面，然后插入一个ID为menu的div

选择器

html

div+css

原创 2022-05-25 09:28:20 532 阅读 1收藏

CSS 浮动

css中，文档流是什么？普通流就是正常的文档流，在HTML里面的写法就是从上到下，从左到右的排版布局。例： <div id=”01”></div><div id=”02”></div><div></div> 很显然这是最普通的文档流，从左到右，一个挨一个按照顺序01先，02其次，03最后排列。一旦给其中的某个DIV

文档流

css

高度自适应

背景颜色

html

原创 2021-08-05 16:45:35 200 阅读

css案例学习之层叠样式

代码层叠特性这是第1行文本这是第2行文本这是第3行文本这是第4行文本这是第5行文本说明：第五行中，class中的red purple顺序不是关键。style中的red purple顺序才是关键。purple排在下面，所以最终颜色为紫色。先执行p b...

html

css

安装与测试

原创 2021-08-05 16:41:30 150 阅读

bootstrap+css进行页面布局

效果用到了bootstrap中的表格css、圆形css、以及上一页下一页css。布局页面，填充数据，实现js动态效果（比如点击下一页，上一页），逐步完善。不仅仅要会使用bootstrap中的样式，也要能够灵活的运用css样式，两者结合，才能够融会贯通，活学活用。1.表格部分 ...

bootstrap

数据

css

自定义

css样式

原创 2021-08-05 16:41:28 190 阅读

css属性之box-shadow

box-shadow 属性向框添加一个或多个阴影。效果

html

firefox

原创 2021-08-05 16:36:38 147 阅读

css属性之appearance

appearance 属性允许您使元素看上去像标准的用户界面元素。案例：使 div 元素看上去像一个按钮注释：Internet Explorer 和 Opera 不支持 appearance 属性。一些文本。效果tips:浏览器支持所有主流浏览器都不支持 appearance 属性。Firefox ...

html

chrome

safari

firefox

ico

原创 2021-08-05 16:36:36 422 阅读

css属性之@media

Base Browsers: IE6.0+, Firefox2.0+, Chrome4.0+, Safari6.0+, Opera15.0+：指定媒体查询使用的媒体特性。这类似于CSS属性，如：max-width:960px。(CSS3)实例自适应效果 ...

html

5e

chrome

safari

媒体查询

原创 2021-08-05 16:36:34 200 阅读

CSS 再学习，文本处理

文本缩进（对p，div有效；对span无效） Tips：一般来说，可以为所有块级元素应用 text indent，但无法将该属性应用于行内元素（span），图像之类的替换元素上也无法应用 text indent 属性。不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。

tools

html

css

空白符

行内元素

原创 2021-08-05 16:35:55 99 阅读

css学习笔记

【css】1.javascript 主要用来操作网页中的对象。2.行内样式>ID样式>类别样式>标记样式（css层叠性，优先顺序）3.如果同时有两个类别的样式

相对定位

块级元素

绝对定位

行内元素

css

原创 2021-08-05 16:33:44 101 阅读

CSS选择符、伪类、层叠

主题，架子（时间架子，空间架子，三角架），素材。 CSS 三种方式行内样式嵌入样式链接样式上下文选择符祖父孙父子紧邻同胞一般同胞通用 ID 类选择符属性选择符选择带有属性名的标签伪类链接伪类 Link 待点击 Visited 点击过 Hover 悬浮 Active 正

选择符

css

外边距

伪元素

首字母

原创 2021-08-05 16:31:30 181 阅读

html中css、div命名规范

html中css、div命名规范 1.类class的命名规范示例 2.注释的写法 3.id的命名 4.类class的书写规范示例 5.CSS样式文件命名如下 6.注意事项腾讯团队

css

ide

命名规范

子菜单

标签页

原创 2021-08-05 16:31:10 438 阅读

关于网站下拉导航的设置

网站的导航很多都是下拉的方式，如下图所示：就是一种下拉菜单，导航的数据是以ul、

子菜单

css样式

下拉菜单

相对定位

绝对定位

原创 2021-08-05 16:30:17 313 阅读

apiCloud中aui获取不到高度，pos.h为0，offsetHeight为0问题

apiCloud中aui获取不到高度，pos.h为0，offsetHeight为0问题原HTML 现HTML 使用栅格的时候，需要在外部包裹一个aui row。有了这个class，元素高度就能获取到了。否是会得到0。因为栅格模式中的float浮动会影响高度获取。 JS

ico

html

栅格

搜索

javascript

原创 2021-08-05 16:29:03 152 阅读

css属性之!important

提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码：div { color: #f00 !important; color: #000;}在上述代码中，IE6及以下浏览器div的文本颜色为#000，!imp...

html

规则集

显式

原创 2021-08-05 16:27:03 389 阅读

CSS中的绝对定位与相对定位

层级关系为： <div ——————————— position:relative; 不是最近的祖先定位元素，不是参照物<div—————————-没有设置为定位元素，不是参照物<div———————- position:relative 参照物<div box1<div box2 ——–posit

文档流

边距

相对定位

绝对定位

原创 2021-08-05 16:26:16 252 阅读 1收藏

dom操作之开关灯

``` 点击灯泡开/关灯 ``` ![](http://images2015.cnblogs.com/blog/422101/201606/422101-20160605122756539-1378563808.png)

html

原创 2021-08-05 16:24:51 263 阅读

牛逼的bootcss之buttons

sed

3d

5e

ide

3c

原创 2021-08-05 16:21:57 138 阅读

商城公告功能开发总结

效果如下 1.定在头部 2.ajax处理json数据设置dataType:'json'之后，json数据就直接可以通过json.的方式处理了。 3.最后加载，页面更好看。 4.获取sql语句的thinkphp处理 $where['endtime'] = array(array('eq',0),ar

json

ajax

html

json数据

css

原创 2021-08-05 16:21:51 341 阅读

评价中的星效果实现

html css 模本中使用php智能化处理

php

css

html

原创 2021-08-05 16:21:41 103 阅读

css 固定宽度，自动换行

``` max-width: 200px; display: block; word-break: break-all； ```

编程

原创 2021-08-05 16:21:39 2484 阅读

CSS布局，div居中，文字居中

div居中文字居中文字垂直居中

文字居中

垂直居中

宽高

缩进

div居中

原创 2021-08-05 16:21:28 1780 阅读

css属性之transform

定义和用法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。实例旋转 div 元素：Hello World效果tips:Internet Explorer 10、Firefox、Opera 支持 transform 属性。Internet Ex...

2d

html

chrome

safari

firefox

原创 2021-08-05 16:19:09 190 阅读

css属性之transition

浏览器支持Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition 属性。Safari 支持替代的 -webkit-transition 属性。注释：Internet Explorer 9 以及更早版本的浏览器不支持 transition 属...

html

chrome

safari

firefox

鼠标指针

原创 2021-08-05 16:19:08 173 阅读

bootstrap栅格布局，第一次成功

代码：二维码: ...

微信

栅格

扫描二维码

二维码

原创 2021-08-05 16:19:04 128 阅读

SCSS引入通用SCSS

新建通用common.scss 引入这样，就不用重复的写SCSS了。

css

原创 2021-08-05 16:17:55 2042 阅读

CSS 再学习，基础篇

语法共享声明继承通过 CSS 继承，子元素将继承最高级元素（在本例中是 body）所拥有的属性（这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。不需要另外的规则，所有 body 的子元素都应该显示 Verdana 字体，子元素的子元素也一样。如果你不希

css

选择器

属性值

内部样式表

外部样式表

原创 2021-08-05 16:17:29 96 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客