关于浮动的基础知识,这里先引用w3school的一段介绍,在此基础上我会添加一些注记和补充:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时,它脱离文
body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif;}(1)margin和padding的区别用...
转载 2015-06-29 18:08:00
69阅读
该笔记仅用于温习用 cascade and inheritance1、当样式冲突的时,css后边代码的语句样式优先应用2、类选择器优先于元素选择器3、子元素会继承父元素的样式 css selectors选择器1、类选择器2、元素选择器 类选择器与元素选择器相结合,如 p.left{}将会作用于有.l ...
转载 2021-11-04 09:27:00
128阅读
2评论
1. 新闻代码:<!DOCTYPE html ><html lang="en"><head> <meta charset="UTF
原创 2023-02-07 05:20:08
62阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style> * { padding-bottom: 0px; margin: 0px; padding-left: 0
转载 2011-02-27 15:43:00
117阅读
2评论
好看的搜索框: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <met
原创 2022-08-05 22:15:23
55阅读
DIV水平居中+垂直居中#main_zone{     width:1190px;     height:570px;     background-color:#fff;      margin:0 auto;&nbs
div
原创 2012-11-09 23:39:40
781阅读
例子1:    要做成上面的效果:背景的***、红色、白色都是图片。背景图片如下:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
原创 2015-11-18 11:16:24
1269阅读
一个固定宽度的例子 图B 例如,图B是在图 A 的基础上添加了一个标签(<div id="wrapper">)和一个相应的 CSS 样式后的结果。下面是新添加的 CSS 样式的代码: 以下为引用的内容: div#wrapper {    position:relative;    margin-le
转载 2009-07-19 13:02:34
693阅读
浮动没有一个前端不会的,但是个人觉得能真正掌握的不多。下面自己设计了几个例题用来培训。多少人能根据代码看出最后的样式呢。 1、简单的例子 三个盒子,给第二个盒子设置浮动会呈现什么样子呢 <style> .cube{ width:100px; height: 100px; background-col ...
转载 2021-06-27 23:31:00
104阅读
2评论
CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。
转载 2019-08-28 10:48:00
344阅读
2评论
重点记忆:四种结合方式 三种基本选择器
转载 2023-05-22 21:14:29
108阅读
1.获取虚拟机内存使用情况方法totalMemory:Runtime.getRuntime().totalMemory() freeMemory:Runtime.getRuntime().freeMemory()
原创 2022-05-06 21:50:40
326阅读
#!/usr/bin/env python #coding=utf-8 from elasticsearch import Elasticsearch from elasticsearch_dsl import Search class ES(object): def __init__(self): self.es = Elasticsearch(hosts="loc...
转载 2017-06-05 21:52:00
83阅读
2评论
基础认知CSS初始CSS的介绍CSS:层叠样式表(Cascading style sheets)CSS作用是什么??给页面中的HTML标签设置样式CSS就是用来做美化的,我之前写的网页就是黑白,要不带点彩色的图片,现在,我就可以设置五颜六色的颜色。CSS语法规则写在哪里?css写在style标签中,style标签一般写在head标签里面,title标签下面怎么写?注意点:CSS标点符号都是英文状态
我们将使用纯css打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值,以查看用户是否已经选中或取消选中该checkbox。我们都知
转载 2020-10-13 17:17:00
691阅读
2评论
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
99阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写: p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } 如果font-size是12px的话,那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法: body { font-family : "Lucida Gr...
转载 2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
102阅读
2评论
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载 2024-01-26 10:23:11
106阅读
  • 1
  • 2
  • 3
  • 4
  • 5