02CSS

day 42 02--CSS的继承性和层叠性

02--CSS的继承性和层叠性本节目录一继承性二层叠性三层叠性权重相同处理一继承性 css有两大特性:继承性和层叠性面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法.那么我们现在主要研究css,css就是在设置属性的.不会牵扯到方法的层面. 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承. 记住:有一些属性是可以继承下来 : color . font-*. text-*.line-* .主要是文本级的标签元…

面试 02-CSS盒模型及BFC

02-CSS盒模型及BFC #题目:谈一谈你对CSS盒模型的认识专业的面试,一定会问 CSS 盒模型.对于这个题目,我们要回答一下几个方面: (1)基本概念:content.padding.margin. (2)标准盒模型.IE盒模型的区别.不要漏说了IE盒模型,通过这个问题,可以筛选一部分人. (3)CSS如何设置这两种模型(即:如何设置某个盒子为其中一个模型)?如果回答了上面的第二条,还会继续追问这一条. (4)JS如何设置.获取盒模型对应的宽和高?这一步,已经有很多人答不上来了. (5)…

css 02-CSS属性：背景属性

02-CSS属性:背景属性 #background 的常见背景属性 css2.1 中,常见的背景属性有以下几种:(经常用到,要记住) background-color:#ff99ff; 设置元素的背景颜色. background-image:url(images/2.gif); 将图像设置为背景. background-repeat: no-repeat; 设置背景图片是否重复及如何重复,默认平铺满.(重要) no-repeat不要平铺: repeat-x横向平铺: repeat-y纵向平铺.…

css进阶 02-CSS布局

02-CSS布局 #前言 #常见的布局属性 (1)display 确定元素的显示类型: block:块级元素. inline:行内元素. inline-block:对外的表现是行内元素(不会独占一行),对内的表现是块级元素(可以设置宽高). (2)positon 确定元素的位置: static:默认属性值. relative:相对定位.相对于元素本身进行偏移,不会改变它所占据的空间. absolute:绝对定位.相对于父元素中最近的 relative/absolute 进行偏移,会脱离文档流.音…

02---CSS整理

一.概述 CSS(cascading style sheet) 层叠样式表提供比HTML更强大的页面排版.美化工具 CSS将网页内容和显示样式进行分离,提高了显示功能二.CSS与HTML的结合方式 1.style属性方式(行内样式):灵活但麻烦,只适合局部修改 2.style标签方式(内嵌样式):将css样式内嵌到html页面的head里面优点:统一管理,统一修改,比较方便. …

集腋成裘-02-css基础-01

CSS 层叠样式表(Cascading Style Sheets)(级联样式表) 1 选择器 1.1 写法选择器是一个选择标签的过程. 选择器{属性:值;...} 1.2 基础选择器标签选择器类选择器 ID选择器通配符选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title…

02-CSS&JS

今日目标使用CSS完成网站首页的优化使用CSS完成网站注册页面的优化使用JS完成简单的数据校验使用JS完成图片轮播效果教学目标: - 了解CSS的概念 - 了解CSS的引入方式 - 了解CSS的基本用法和常用的选择器 - 了解CSS的盒子模型,悬浮和定位 - 了解JS的概念 - 掌握JS的基本语法,数据类型,能够使用JS完成简单的页面交互去年的内容简单回顾什么HTML : 超文本标记语言 p标签: 段落标签 br标签: 简单换行 h1-h6: 标题标签 hr标签: 水平分割线, 华…

02--css背景与边框--css揭秘

背景与边框一半透明边框 rgba/hsla颜色 1.难题假设我们想给一个容器设置一层白色背景和一道半透明白色边框,body 的背景会从它的半透明边框透上来.我们最开始的尝试可能是这样的: #border { width:100px; height:100px; border: 10px solid hsla(0,0%,100%,.5); background: white; } 但实际上看不到边框,边框去哪儿了? 2.解决方案尽管看起来并不像那么回事,但我们的边框其实是存在的.默认情况下…

02-css的选择器

css的选择器:1.基本选择器 2.高级选择器基本选择器包含: 1.标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“ body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ color: red; font-size: 20px; } span{ color: yellow; } 2.id选择器 # 选中id 同一个页…

02--CSS的继承性和层叠性

一继承性 css有两大特性:继承性和层叠性面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法.那么我们现在主要研究css,css就是在设置属性的.不会牵扯到方法的层面. 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承. 记住:有一些属性是可以继承下来 : color . font-*. text-*.line-* .主要是文本级的标签元素. 但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)不能继承. 二层叠性…

02------css选择器

css的选择器:1.基本选择器 2.高级选择器基本选择器包含: 1.标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“. body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ color: red; font-size: 20px; } span{ color: yellow; } 2.id选择器# 选中id 同一个页面…

02-CSS基础与进阶-day13_2018-09-21-20-05-21

css3动画 @keyframes 动画名 { 0% { } 100% { } } 元素执行动画 animation: 动画名运动时间运动曲线 01运动的汽车.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text…

02CSS基本语法

CSS基本语法 id选择符在HTML文档中,需要唯一标识一个元素时,就会赋予它一个id标识,以便在对整个文档进行处理时能够很快地找到这个元素. 而id选择符就是用来对这个单一元素定义单独的样式.#号表示: 类选择符用类选择符可以把相同的元素分类定义成不同的样式.在 CSS 中,类选择器以一个点号显示: 派生选择器 strong {color: red; } h2 {color: red;} h2 strong {color: blue; } 属性选择器属性选择器在为不带有 class 或…

02-CSS常用样式

本篇主要介绍css的常用样式,以及网页布局相关知识.绝对定位和相对定位,盒子模型.css权重.以及css选择器: 绪论:CSS基本介绍为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表.有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁. 例如你看到有样式的搜索框可能是这样的: 而没有样式…

1.简介从事网页制作或者相关工作,就要学习HTML,CSS.其中HTML是网页制作的主要语言网页的基础,CSS层叠样式表,主要用来修饰页面的元素 CSS 是 Cascading Style Sheet 的缩写.译作「层叠样式表单」.是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 简单来说: HTML称之为页面的结构,CSS称之为页面的表现 2.css的使用方式 2.1行内样式注意: 1)使用标签的style属性进行css控制,css写在style属性值中 2)弊端:只…

02-CSS简介和基本选择器

# CSS为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表.有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁. ## Css基本语法及页面引用 ### css基本语法> css的定义方法是:> 选择器 { 属性:值; 属性:值; 属性:值;}>选择器是将样式和页面元素关联起来的名…

学起来 —— CSS 入门基础

Hello,大家好! 小女来更博啦!CSS福利送上~~~ 首先给大家介绍一下CSS到底是什么? 一.CSS概念 W3C规范中,要求有三条:一为"两个分离",二为语言遵循语义化,三为代码书写规范性.其中要求的第一条"两个分离"指的是内容与表现分离以及内容与行为分离,而其中的"表现"指的就是CSS.CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言,可以给HTML带来更多更精…

HTML——CSS的基础语法1

页面中所有CSS代码,需要写入到<style></style>标签中. style标签的type属性应该选择text/css,但是type属性可以省略. 1.CSS常用选择器 CSS修改页面中的所有标签,必须借助选择器选中.选择器中可以写多对CSS属性,用{}包裹:每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔选择器{ 属性1:属性值1; 属性2:属性值2; } 1-1.标签选择器写法:HTML标签名{}作用:可以选中页面中,所有与选择器同名的HTML标签. li{…

半个月学习的it内容

1 基本头部标签: 1 head: HEAD里面主要放一些有关网页设置的相关语句-->2编码格式: 设置网页的字符集编码格式:GB2312,简体中文的编码格式 GBK:扩展的国标码,比国标码多了更多的编码格式.UTF-8:万国码.可以兼容绝大数国家的语言.HTNL4之前,声明字符集编码的格式<meta http-equiv="Content-type" content="text/html 3 title:标题 TITLE是网页的标题也就是网页选项卡上的文字 4…

第二部分----CSS的基础语法

PART-1 CSS的基础常识一.什么是CSS? W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说是CSS.CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言. 二.CSS应用的三种方式: 1. 行内样式表行内样式表将CSS样式与HTML代码完全杂糅在一起,不符合W3C关于内容与表现分离的的基本规则,且不利于网站的维护.但是行内样式…

CSS的常用属性

刚开始学习前段的我,还处于初级阶段,一些东西还是会有搞不明白的时候,还是要大家多多理解.今说就一些关于CSS的常用属性吧! 一.CSS常用选择器 CSS选择器应该说是一个非常重要的工具吧,选择器用得好坏可以直接关系到你代码书写的麻烦程度,简单来说就是CSS选择器用得好,实现相同的功能时所用到的代码就会少,这样做出来的网页代码就没有那么繁杂. 1.选择器的书写样式: 选择器中可以写多对CSS属性,用{}包裹,每个属性名与属性值之间用冒号分隔,多对属性名之间必须用分号分隔. 写法: 选择器{ 属性1…

css基础语法一（选择器与css导入方式）

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔. 选择器{ 属性1:属性值1; 属性2:属性值2; …

CSS入门知识汇总

1.CSS认识在谈论CSS的概念之前,我们先说一说web标准的目的——其在于创建一个统一的用于web表现层的技术标准,以便通过不同浏览器或终端设备向最终用户展示信息内容.一个网页的呈现是由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 而三大部分又是由html.css.js来编写组成的: 结构 HTML 样式 CSS 行为 JS 1.1 CSS的概念及作用 CSS是(Cascading Style Sheets)层叠样式表的缩写 ,简称样式…

H5 CSS的格式

02-CSS的格式标签名称{ 属性名称: 属性对应的值; ... } 2.注意点: 1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系) 2.style标签中的type属性其实可以不用写, 默认就是type="text/css" 3.设置样式时必须按照固定的格式来设置. key: value; 其中:不能省略, 分号大多数情况下也不能省略 4.CSS怎么学? CSS的学习一共分为两大部分, 一个是CSS的属性, 另一个是CSS选择器.…

《jQuery精品教程视频》视频目录

\day01\03-视频\02-使用js的缺点.avi; \day01\03-视频\03-jQuery初体验.avi; \day01\03-视频\04-什么是jQuery.avi; \day01\03-视频\05-jQuery版本问题.avi; \day01\03-视频\06-jQuery入口函数的解释.avi; \day01\03-视频\07-jq对象与DOM对象的区别.avi; \day01\03-视频\08-jq对象与js对象.avi; \day01\03-视频\09-隔行变色案例(区分两…

2013传智播客视频--.ppt,.pptx,.doc,.docx.目录

\!-- JQ03-JQ事件动画\.1版JS+JQ PPT\00JsDom编程01_邹华栋.docx; \!-- JQ03-JQ事件动画\.1版JS+JQ PPT\00JsDom编程01_邹华栋.pptx; \!-- JQ03-JQ事件动画\.1版JS+JQ PPT\00JsDom编程02-中级.docx; \!-- JQ03-JQ事件动画\.1版JS+JQ PPT\00JsDom编程02-中级.pptx; \!-- JQ03-JQ事件动画\.1版JS+JQ PPT\02jquery.docx;…

python就业班-淘宝-目录.txt

卷 TOSHIBA EXT 的文件夹 PATH 列表卷序列号为 AE86-8E8DF:.│ python就业班-淘宝-目录.txt│ ├─01 网络编程│ ├─01-基本概念│ │ 01-网络通信概述.flv│ │ 02-IP地址.flv│ │ 03-Linux.windows查看网卡信息.flv│ │ 04-ip地址的分类-ipv4和ipv6介绍.flv│ │ 05-(重点)端口.mp4│ │ 06-端口分类:知名端口.动态端口.flv│ │ 07-socket介绍.mp4│ │ │ ├─02…

【02CSS】的更多相关文章