CSS
关注
分享
扫一扫
CSS
码海无际
这个作者很懒，什么都没留下…
展开
-
17.CSS推荐学习地址
1.比较著名的W3C : https://www.w3school.com.cn菜鸟教程：https://www.runoob.comHTML.net：http://html.net2.码海无际的个人网：http://mahaiwuji.combilibili：https://space.bilibili.com/379451718西瓜视频：https://www.ix...原创 2020-03-16 20:29:19 · 104 阅读 · 0 评论 -
16.CSS项目实战
目录1.代码2.运行效果1.代码style.css* { margin: 0; padding: 0;}body { background-image: url("../images/bg.gif");}/*头部*/.header { width: 100%; height: 70px; background-c...原创 2020-03-15 23:08:14 · 745 阅读 · 0 评论 -
15.CSS高级技巧
目录1.元素的显示与隐藏1）显示(display)2）可见性(visibility)3）溢出(overflow)2.用户界面样式1）鼠标样式(cursor)2）轮廓(outline)3）防止拖拽文本域(resize)3.垂直对齐4.叠放次序1.元素的显示与隐藏1）显示(display)display 设置或检索对象是否及如何显示。displa...原创 2020-03-14 20:54:48 · 132 阅读 · 0 评论 -
14.CSS定位
目录1.元素的定位属性1）定位模式(定位的分类)2）边偏移2.静态定位(static)3.相对定位(relative)4.绝对定位(absolute)5.固定定位(fixed)1.元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1）定位模式(定位的分类)在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{...原创 2020-03-13 19:07:02 · 274 阅读 · 0 评论 -
13.CSS浮动和清除浮动
目录1.普通流(normal flow)2.浮动(float)3.清除浮动1）clear清除2）额外标签法3）父级添加overflow属性方法4）使用after伪元素清除浮动1.普通流(normal flow)这个单词很多人翻译为 文档流 ， 字面翻译 普通流 或者标准流都可以。CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流实际上就是一个网...原创 2020-03-12 22:06:55 · 122 阅读 · 0 评论 -
12.CSS盒子模型
目录1.什么是盒子模型2.盒子边框(border)3.内边距(padding)4.外边距(margin)1）外边距的使用2）外边距实现盒子居中3）清除元素的默认内外边距5.外边距合并1）相邻块元素垂直外边距的合并2）嵌套块元素垂直外边距的合并1.什么是盒子模型网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border...原创 2020-03-11 20:58:12 · 124 阅读 · 0 评论 -
11.CSS标签显示模式
目录1.块级元素(block-level)2.行内元素(inline-level)3.块级元素和行内元素区别4.行内块元素(inline-block)5.标签显示模式转换(display)1.块级元素(block-level)每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1&g...原创 2020-03-10 20:14:46 · 81 阅读 · 0 评论 -
10.CSS列表属性
目录1.标记的类型(list-style-type)2.标记的位置（list-style-position）3.设置图像列表标记(list-style-image)4.简写方式(list-style)1.标记的类型(list-style-type)list-style-type 属性设置列表项标记的类型。可选的值如下：值 描述 none 无标记。 d...原创 2020-03-09 22:17:21 · 179 阅读 · 0 评论 -
9.CSS背景属性
目录1.背景颜色(background-color)2.背景图片(background-image)3.背景重复(background-repeat)4.背景位置(background-position)5.背景关联(background-attachment)6.背景简写(background)7.综合案例1.背景颜色(background-color)可以使...原创 2020-03-08 22:22:18 · 176 阅读 · 0 评论 -
8.CSS 三大特性
目录1.CSS层叠性2.CSS继承性3.CSS优先级1.CSS优先级2.CSS特殊性1.CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉。比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情...原创 2020-03-07 22:14:09 · 185 阅读 · 0 评论 -
7.CSS文本属性
目录1.水平对齐(text-align)2.文本行高(line-height)3.首行缩进(text-indent)4.字符间距(letter-spacing)5.文本装饰(text-decoration)6.处理空白符(white-space)1.水平对齐(text-align)text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属...原创 2020-03-06 21:40:04 · 333 阅读 · 0 评论 -
6.CSS字体属性
目录1.字体大小(font-size)2.定义字体(font-family)3.字体加粗(font-weight)4.字体风格(font-style)5.综合设置字体样式 (font)1.字体大小(font-size) font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度...原创 2020-03-05 22:00:12 · 210 阅读 · 0 评论 -
5.CSS颜色属性
1.英语单词与英语中的英文单词一个意思，如：蓝色（blue）。2.十六进制十六进制颜色是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。举例说，#0000ff 值显示为蓝色，这是因为蓝色成分被设置为最高值（ff），而其他成分被设置为 0。3.RGBRGB 颜色值是这样规定的：rgb...原创 2020-03-04 17:13:48 · 160 阅读 · 0 评论 -
4.CSS选择器
1.CSS基础选择器1）通配符选择器通配符选择器用“*”号表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &...原创 2020-03-03 21:41:41 · 206 阅读 · 0 评论 -
3.CSS样式的三种使用方式
目录1.内链样式表2.嵌入式样式表3.引入式样式1.内链样式表内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...原创 2020-03-02 19:56:54 · 931 阅读 · 0 评论 -
2.CSS初试
1.CSS样式规则CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。h1 {color:red; font-size:14px;}2.举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...原创 2020-03-02 19:53:04 · 97 阅读 · 0 评论 -
1.CSS简介
1.需要什么基础HTML2.什么是CSSCSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表。它是一种用来表现HTML或 XML 等文件式样的计算机语言。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观...原创 2020-02-26 21:05:37 · 280 阅读 · 0 评论