css学习之border 边框

边框，也就是盒子模型的四周，

1、四边相同边框border简写
#divcss5{border:1px solid #00F}

CSS读取有从上到下、从左到右读取原理，而先设置了整个边框样式，后再加上声明顶部上边边框为“none”

时间： 2024-09-27 09:22:53

css学习之border 边框的相关文章

CSS border边框属性教程(color style)

CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色.虚线.实线等样式CSS属性.同时大家可以进入码农教程提供CSS手册查看border手册:http://www.manongjc.com/cssref/pr_border.html 二.Html原始边框与DIV+CSS边框对照 Html表格控制边框:border="1" bordercolo

css盒子模型、边框border、外边距margin、填充padding、轮廓outline

盒子模型一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清除边框外的区域,外边距是透明的. Border(边框):围绕在内边距和外边距的边框. Padding(内边距):清除内容周围的区域,内边距是透明的. Content(内容):盒子的内容,显示文本和图像. 例如下面一个例子 <!DOCTYPE html> <html> ······ <style> div { background-color: lightgrey; width: 300px;

HTML, CSS学习笔记（完整版）

第一章 div布局前几课内容 .htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的. shtml是服务器先处理然后再交给浏览器处理 #HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本.XHTML目标是取代HTML.更详细的介绍 XHTML 教程 http://t.cn/h94BV #HTML小知识#之#<!DOCTYPE>声明#位于文档中的最前面的位置,处于 <html> 标签之前.此标签可告知浏览器文档使用

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/> 图片(单标签)alt属性是图片名字,是给百度搜索引擎抓取使用: a标签: 链接/下载/锚点 href地址等于标签id target 链接打开方式 blank 新窗口 self 当前窗口 <base target="_blank"/> 定义页面链接默认打开方式常见标签 div

CSS学习------CSS定位（position）与浮动(float）

position属性:用来对元素进行定位定位的意义: 定位允许你定义元素框相对于其正常位置应该出现的位置. 相对于父元素. 相对于另一个元素. 相对于浏览器窗口本身的位置. 定位分为:绝对定位和相对定位. 相对定位: 如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动. 在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间.因此,移动元素会导致它覆盖其它框. 示例: <html> <

css学习归纳总结

来源于:trigkit4 css学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器如:p, body, img, div{} 2.兄弟选择器如:p + p { color:#f00; } 3.属性选择器如: p[title] { color:#f00; } 4.包含(后代)选择器如:body ul li{} 5.子元素选择器如:div > p{} 6.ID选择器如:#myDiv{} 7.类选择器如:.class1{} 8.伪元素选择器如:E:first-line,

前端html与css学习笔记总结篇(超详细)

第一部分 HTML 第一章职业规划和前景职业方向规划定位: web前端开发工程师 web网站架构师自己创业转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标: 第一.梳理知识架构负责内容的HTML 负责外观的css(层叠样式表) 负责行为的js ps切图第二.分解目标(起步阶段.提升阶段.成型阶段) 起步阶段: 基本知识的掌握常用工具的掌

css学习笔记.1--以校园资讯平台为例

#id .class 这两个是最先要记住的..id是<a id="Sth">中的Sth,class是<ul class="Oth">中的Oth,挺好记得 margin 老记成marign...看来是align害的,介绍是"层的边框以外留的空白"-以下图片来自这里如图: 就是说最外层的是margin,最内层的是padding,是盒模型{主要定义四个区域:内容(content).边框距(padding).边界(border

css学习归纳总结（二）转

原文地址:css学习归纳总结(二) 标签与元素 <p>标签和p元素有什么区别呢?大多数时候他们表示的是同一样东西,但仍有细微的区别.<p>.<div>等指的是HTML分隔符,而元素则是由一对开始结束标签构成的,用来包含某一些内容子选择器和后代选择器的区别: 后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔. 子选择器只对直接后代有影响的选择器,而对“孙子后代”以及多层后代不产生作用. 注意:在IE6中,只支持后代选择器,不支持子选择器链接