
HTML+CSS
16个夏天
默默地。。。
展开
-
CSS(Cascading Style Sheets)层叠样式表
1.CSS代码的位置 三种样式表的优先级由高到低排列如下: 内联样式表>内部样式表> 外部样式表 补充规则:优先级相同的情况下,后定义的属性会覆盖先前定义的。 其他高级规则:CSS中的important!是比较实用的技巧。 1.1 内联样式表:HTML标签内 1.2内部样式表:在head标签内,title标签后面如上图所示 注释标签则是避免不支持CSS的浏览器将C原创 2015-07-08 16:50:37 · 588 阅读 · 0 评论 -
首行文字缩进text-indent
text-indent:2em;解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;em又是什么单位?em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,原创 2015-12-23 17:54:34 · 6442 阅读 · 0 评论 -
页面导航制作入门
我们要先做一个容器(要求:ID为“nav”,宽度为960px,高度为35px,位于页面水平正中,与浏览器顶部的距离是30px;),这个容器就是放置我们的导航的盒子~代码如下:HTML代码: CSS代码: #nav{ width:960px; height:35px; background:#CCC;/*为了便于查看区域范围大小,故而加个背景色原创 2015-12-23 16:14:04 · 1137 阅读 · 0 评论 -
浮动和清除浮动
页面布局有两种方式1)浮动Float 2)定位Position要求:1)两个方块,一个红色#900,一个蓝色#009;2)红色方块宽度和高度均为200像素,蓝色方块 宽度为300像素,高度为200像素;3)红色方块和蓝色方块上外边距(margin-top)和左外边距(margin-left)均为20像素;页面效果如下: 大家应该注意到了,虽原创 2015-12-23 15:41:39 · 401 阅读 · 0 评论 -
margin:0 auto;
这是因为每个浏览器都有一个内置的CSS文件,当你没有对某个标签的属性设置的时候,浏览器就会应用内置的CSS文件,怎么才能做到浏览器兼容?不着急,你只需要在CSS文件中,将我们目前应用到得标签body和div置零就OK了,代码这么写: body,div{padding:0; margin:0;}让红色区域与浏览器的顶部和左边距离为20像素; margin-top:20px;原创 2015-12-23 15:27:29 · 464 阅读 · 0 评论 -
盒子模型
盒子模型的四要素分别是:content(内容)、border(边框)、padding(内边距)、margin(外边距),如下图:原创 2015-12-23 14:51:42 · 393 阅读 · 0 评论 -
HTML(Hyper Text Markup Language)超文本标记语言
1.HTML不是一种编程语言,而是一种标记语言(Markup Language),通常来说,至少具备数据容器,流程控制,异常处理机制等特性才能够称为编程语言。标记语言的组成元素是一套标记标签(markup tag),2.3.在eclipse中创建HTML文档,创建静态web工程 new--web--static web project原创 2015-07-08 16:58:52 · 7227 阅读 · 0 评论 -
表格,合并单元格colspan,rowspan
colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:在浏览器中将显示如下:单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元原创 2015-12-10 11:16:06 · 849 阅读 · 0 评论 -
html中给地址栏添加icon图标
icon" href="images/logo.ico" type="image/x-icon"/>也可以用“shortcut icon”shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.icon;icon,指的是图标,格式可为PNG\GIF\JPEG,尺寸一般为16x16、24x24、36x36等。原创 2015-07-15 16:29:56 · 9688 阅读 · 0 评论 -
HTML页面模块的常用命名
以下为页面模块的常用命名: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center原创 2015-12-23 14:39:21 · 4891 阅读 · 0 评论 -
css设置div圆角
昨天去面试,面试官一上来就开始问技术方面的问题,感觉很糟糕,很多知识点只记得大概,其中面试官提到怎么设置div文圆角,当时我就蒙了,虽然我是做后台的,之前听过说把按钮设置成圆角,但那都是前台的处理,也没多个心眼百度,哎!现在吃亏了。CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用原创 2015-12-16 10:11:31 · 25126 阅读 · 0 评论 -
英文自动换行
对于textarea标签,输入的英文很长时,要使其显示的时候自动换行,需加上样式word-break: break-all;原创 2015-11-17 14:16:24 · 491 阅读 · 0 评论 -
常见的块状元素与内联元素
xHTML究竟有多少个标签?就是下面这些,自己数数~a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, link, meta, ol, p, s, script, span, strong, style, titl原创 2015-12-23 15:09:10 · 732 阅读 · 0 评论