CSS
梦忆安凉
这个作者很懒,什么都没留下…
展开
-
CSS笔记15-外边距
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”margin属性使用margin属性设置外边距,可以是任何长度的单位可以设置为auto,常见的做法是外边距设置长度值。下面是设置四个边距都一样p { margin:0.25em;}也可以分开设置p { margin-top: 0.25em; margin-right:...原创 2019-09-04 13:42:14 · 313 阅读 · 0 评论 -
CSS笔记14-边框
元素的边框是围绕元素内容和内边距的一条或多线线边框的样式使用border-style属性定义边框的样式,样式控制着边框的显示,如果没有样式,将根本没有边框可以为边框定义多个样式,例如p { border-style:solid dotted dashed double;}上面这条规则为段落定义了四种边框样式:实线上边框、点线右边框、虚线下边框和一个双线左边...原创 2019-09-04 11:30:33 · 154 阅读 · 0 评论 -
CSS笔记13-内边距
元素的内边距在边框和内容区之间padding属性padding属性定义元素边框与元素内容之间的空白区域。接受长度值或百分比值,但不允许使用负值如果希望一个元素各边的内边距是一样的,可以这样设置h1 { padding:10px;}也可以按照上、右、下、左的顺序分别设置各边的内边距,各边使用不同的单位数值h1 { padding:10px 0.25...原创 2019-09-04 10:17:17 · 137 阅读 · 0 评论 -
CSS笔记12-轮廓
轮廓是绘制元素周围的一条线,位于边框边缘的外围,起到突出元素的作用轮廓样式使用outline-style设置边框样式p { outline-style:dotted;}轮廓宽度使用outline-width属性设置边框宽度p { outline-style:dotted; outline-width: thick;}...原创 2019-09-03 16:27:07 · 122 阅读 · 0 评论 -
CSS笔记11-表格
表格边框使用border属性设置表格边框table,th,td { border:1px solid black;}第一个参数是边框的粗细大小,第二个参数是边框的样子,实线还是虚线等。第三个参数是边框的颜色折叠边框使用border-collapse属性可以把表格边框折叠为单一边框table,th,td { border:1px solid b...原创 2019-09-03 15:34:28 · 236 阅读 · 0 评论 -
CSS笔记10-列表
CSS可以改变列表项标志,或者将图像作为列表标志项列表类型在列表中,有序列表或无序列表前面都会有圆点或数字,字母。要修改这样的标识。可以使用list-style-typeol { list-style-type: none;}比如使用none,不使用标志列表项图像有时候使用默认图标是不够的,比如实现菜单功能时前面加个图像,这可以使用list-...原创 2019-09-03 14:58:55 · 107 阅读 · 0 评论 -
CSS笔记09-连接
连接的四种状态a:link - 普通的、未被访问的连接a:visited - 用户已访问过的连接a:hover - 鼠标放在连接上方a:active - 连接被点击时设置连接样式能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等)。color:连接文字的颜色text-decoration:是有下划...原创 2019-09-03 13:56:02 · 118 阅读 · 0 评论 -
CSS笔记08-字体
CSS字体属性定义文本的字体系列、大小、加粗、风格和变形字体系列在CSS中,有两种不同的字体系列通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier")除了各种特定的字体系列外,CSS 定义了 5 种通用字体系列:Serif 字体 Sans-ser...原创 2019-09-03 10:27:26 · 121 阅读 · 0 评论 -
CSS笔记07-文本
通过文本属性可以改变文本颜色、字符间距、对齐文本、装饰文本、对文本进行缩进等。文本缩进使用text-indent属性可以实现文本缩进,所有块级元素的第一行都可以缩进一个给定的长度。甚至是负值。该属性可以被继承p { text-indent: 2em;}ps:如果首行有一个图像,该图像也会跟随该行的文本移动使用负值可以实现很多有趣的效果,比如“悬挂缩进...原创 2019-09-02 18:02:50 · 139 阅读 · 0 评论 -
CSS笔记06-背景
背景色可以使用background-color来设置元素的背景颜色p { background: gray;}如果希望背景色从元素的文本向外延伸,可使用padding增加一些内边距p { background: gray; padding: 20px;}background-color是不会被继承的,其默认值是transparent,透明...原创 2019-09-02 17:07:16 · 218 阅读 · 0 评论 -
CSS笔记05-元素选择器
元素选择器就是使用HTML的元素body { background: red;}比如这样,HTML的body部分的背景颜色就全都是红色的了元素选择器也可以跟id选择器,类选择器组合使用比如对class为class_th的th元素设置背景颜色为红色,对id为id_th的th元素设置背景颜色为黄色th.class_th { background: red...原创 2019-09-02 15:46:48 · 204 阅读 · 0 评论 -
CSS笔记04-类选择器
类选择器以一个.来显示下面CSS代码中,类为center的都会居中显示.center {text-align: center}HMTL代码中class是可以重复<body><h1 class="center">标题1</h1><p class="center">段落</p></body>...原创 2019-09-02 15:37:25 · 203 阅读 · 0 评论 -
CSS笔记03-id选择器
id选择器id选择器可以为标有特定id的HTML元素定义样式id选择器以“#”来定义下面CSS代码,会根据id设置背景颜色#id_red { background: red;}#id_blue { background: blue;}HTML代码,id在一个HTML文档中必须是唯一的。<p id="id_red">红色段落<...原创 2019-09-02 15:11:01 · 195 阅读 · 0 评论 -
CSS笔记02-派生选择器
派生选择器:根据元素位置的上下文关系来定义样式比如,希望列表中的strong元素变为斜体字,而不是通常的粗体字。HMTL代码,只写body部分<body><p><strong>段落中的粗体字</strong></p><ol> <li><strong>列表中的粗体字&l...原创 2019-09-02 14:23:01 · 136 阅读 · 0 评论 -
CSS笔记01-基本语法
CSS用来定义如何显示HTML元素CSS规则主要由两个部分构成:选择器,以及一条或多条的声明selector {declaration1; declaration2; ... declarationN }选择器通常为需要改变样式的HTML元素每条声明由一个属性和值组成属性(property)想要设置的样式属性,每个属性都有一只值。属性和值用:隔开selector ...原创 2019-09-02 13:50:59 · 113 阅读 · 0 评论