CSS基础学习 18.CSS多列

注意:*在IE中并不代表通配符的意思,是代表根元素的意思,所以为了匹配适应各种浏览器,进行页面初始化 <style> *{ margin:0; padding:0; } </style> 用以下形式代替 <style> html,body{ margin:0; padding:0; } </style> 1.盒子居中 margin:0 auto; <!doctype html> <html lang="en"> &…

CSS基础学习 20.CSS媒体查询

…

CSS基础学习 19.CSS hack

…

CSS基础学习 17.CSS动画

…

CSS基础学习 16.CSS过渡

…

CSS基础学习-15-1.CSS 浏览器内核

…

CSS基础学习-14 CSS visibility与overflow属性

…

CSS基础学习-13.CSS 浮动

如果前一个元素设置浮动属性,则之后的元素也会继承float属性,我觉得这里说是继承不太对,可以理解为会影响到之后的元素,所以在设置浮动元素之后的元素要想不被影响就需要清除浮动.元素设置左浮动,则清除左浮动,clear:left; 元素设置右浮动,则清除右浮动,clear:right; 左右两侧均去掉浮动:clear:both; 注意:给元素设置float属性时,它是脱离文档流的,可以理解为它是漂浮在浏览器上方,不占位. 让块级元素水平排列的方法: 1.inline-block:变为内联元素 2.…

CSS基础学习-12.CSS position

绝对定位 position:absolute,元素脱离文档流,然后使用left.right.top.bottom属性相对于其最接近的一个具有定位属性的祖先元素进行绝对定位.如果不存在这样的祖先元素,则相对于body元素,即相对于浏览器窗口. 相对定位 position:relative,它通过left.right.top.bottom属性确定元素在正常文档流中的偏移位置.相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,…

CSS基础学习-11.CSS伸缩盒（新版本）

…

CSS基础学习-10.CSS伸缩盒（老版本）

…

CSS基础学习-8.CSS盒子模型_标准盒子&&9.CSS怪异盒子

怪异盒模型 box-sizing:content-box;/*正常盒模型,默认值*/ box-sizing:border-box:/*怪异盒模型,固定了盒子的大小,无论是否添加内边距还是边框,盒子的大小依然不变*/…

CSS基础学习-7.CSS元素分类

…

CSS基础学习-6.CSS属性_列表、表格

…

CSS基础学习-5.CSS属性_字体文本文本装饰

…

CSS基础学习-4.CSS属性_背景、颜色、边框

…

CSS基础学习-2.CSS选择器（上）

元素选择符关系选择符属性选择符伪类选择符伪对象选择符一.元素选择符 1.通配符:*{ } 2.类选择符:.类名称{ } 3.id选择符::#id名称{ } 4.类型选择符(标签选择符):标签 { } 二.关系选择符 1.子元素选择器:父亲>儿子 2.兄弟选择器::你自己~你的兄弟 3.相邻选择器:E+F 4.包含选择器:E F 三.属性选择符 1.属性 2.写法: (1)当前元素[属性]{ } (2)当前元素[属性="属性值"]{ } 四.伪类选择符 1.定义:它允许给…

HTML&CSS基础学习笔记—创建列表

创建一张表格很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义表格. <table> </table> 添加一行 <table>标签相当于定义了一个表格容器.我们现在要创建表格的行,等会我们再创建列. 标签<tr>表示<table>里的行,在<table>里嵌套了几个完整的(拥有开始标签和闭合标签的)<tr>标签就表示这个<table>有几行…

CSS基础学习笔记

一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开如果大于1个单词,则需要加上引号,如:p{font-family:"sans serif";} CSS注释:以"/*"开始,以"*/"结束. 3. 高级语法 ① 选择器分组 h1,h2,h3,h4,h5,h6{color:red;} ② 继承: body{ col…

小白的CSS基础学习

CSS定义: CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式. CSS代码语法: css样式选择组成部分:选择符+声明(属性+值).选择符别名是选择器,可以是标签(p{}).表单.id(#id1{}).css(.css1{})等:声明是在一对大括号{},大括号里面就是属性和值,若是多个属性,就用分号“:”来隔开:CSS注释代码:/**/,例如:/*设置body样式*/body{color:yellowgreen;fo…

HTML+CSS基础学习笔记（4）

一.认识CSS样式 1.定义 CSS全称:层叠样式表(Cascading Style Sheets) 主要作用:定义HTML内容在浏览器内的显示样式,比如文字大小.颜色.字体加粗等优点:通过定义某个样式,可以让不同网页位置的文字有着统一的字体.字号或者颜色 2.CSS代码语法 CSS样式由选择符和声明组成,声明由属性和值组成. 选择符:又称选择器,指明网页中要应用样式规则的元素. 声明:在英文大括号"{}"中的就是声明,属性和值之间用英文冒号":"分隔.当有多条声…

前端学习之路CSS基础学习一

CSS CSS定义如何显示HTML元素,当浏览器读到一个样式表,它就按照这个样式表来对文档进行格式化. CSS实例每个CSS样式由两个组成部分:选择器和声明.声明又包括包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这就是注释*/ CSS的三种引入方式内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如下: <head> <meta charset=&q…

CSS基础语法和CSS经常用到的知识点总结

1. [代码]css基础教程 CSS基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.每条声明由一个属性和一个值组成.每个属性有一个值.属性和值被冒号分开.例如:下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素.在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值.h1 {color:red; font-size:14px;}//看见后面有分号,如果是一个属性或者这个属性在尾部可…

CSS基础(html＋css基础)

css: CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 1.CSS代码语法: css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素. 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔.当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red…