【学习前端第二天之css层叠样式】的更多相关文章

学习前端第二天之css层叠样式

一.设置样式公式 选择器 {属性:值:} 二.font 设置四大操作 font-size:字体大小 (以像素为单位) font-weight:字体粗细 font-family:字体    ( 可直接跟字体或者16进制 如:"微软雅黑") font-style: 字体风格 (em 和i 标签也能倾斜) normal:正常 italic:斜体 font:综合设置字体样式 选择器 {font: font-style font-weight font-size/line-height font…

CSS层叠样式选择器归纳

 常用选择器 1.1 类型选择器:用来寻找特定类型的元素  标签 { 声明 } p { color:black; } h1 { font-weight:bold; } 1.2 后代选择器: 选择一个元素的所有后代,中间使用空格 标签 1 标签 2 {声明} <body> <article> <h1>Contextual selectors are <em>very</em> selective</h1> <p>This e…

从零开始学习前端开发 — 2、CSS基础

一.CSS简介  1.CSS是什么 CSS是Cascading Style Sheets的简称,中文称为层叠样式表.特点:实现了表现与结构相分离 2.css基础语法 css是由选择符和声明两大部分组成,声明由属性和值组成. 语法: 选择符{ 属性:值; 属性:值; } 注: (1)属性和值用冒号连接 (2) 一条声明结束要添加分号 (3)属性和属性不分先后顺序 3.样式表的创建 1.内联样式(行间样式,行内样式) 语法:<标记 style="属性:值;"></标记&g…

CSS层叠样式

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

从零开始学习前端开发 — 6、CSS布局模型

一.css布局模型 1.流动模型(Flow) 元素在不设置css样式时的布局模型,是块元素就独占一行,是内联元素就在一行逐个进行显示 2.浮动模型(Float) 使用float属性来进行网页布局,给元素设置float后会脱离正常的文档流 3.层模型(Layer) 使用position属性对元素进行定位设置 二.定位 语法:position:static(默认值)|absolute(绝对定位)|relative(相对定位)|fixed(固定定位); 1.绝对定位语法: position:absol…

从零开始学习前端开发 — 3、CSS盒模型

★  css盒模型是css的基石,每个html标签都可以看作是一个盒模型. css盒模型是由内容(content),补白或填充(padding),边框(border),外边距(margin)四部分组成 1.内容(content) 宽度 width:数值+单位; 高度 height:数值+单位; eg: .box{width:200px;height:100px;} 2.补白或填充 (设置内容和边框之间的距离) 语法:padding:数值+单位; a) 设置一个值:padding:10px; (四…

css层叠样式初学

一.css简介 1.层叠样式表:叠加效果,不同css对同一html修饰,冲突部分,优先级高作用,不冲突部分,共同作用 2.css作用 (1)修饰html (2)替代了标签自身的颜色,字号等属性,提高复用性 (3)html内容与样式分离,便于后期维护 3.css引入方式 (1)内嵌样式 <div style="color:red;font-size:100">内嵌方式</div> (2)内部样式(写在head中) <style type="text…

css层叠样式优先级总结

虽然学前端最刚开始就是html+css,一直因为这些看起来太简单就没有什么总结,不过看似很简单的东西,研究起来也深不可测,问起来js可能回答的头头是道,css这么简单的东西,其中一个优先级的问题就能难道大片人,知道有哪些css选择器,大部分人都能回答出常用常见的几个id选择器,类选择器,标签选择器,伪类选择器等,但应该大部分人都答不全.所以本篇打算总结一下css的选择器和其优先级. 优先级是如何计算的? 1. 优先级就是分配给指定的css声明一个权重. 2. 当优先级相等的时候,最后的那个声明将…

小白学习前端---第二天 HTML的基本属性————1

一.HTML的属性 1.1基本属性 1.1.1三个基本属性 class    定义类规则或者样式规则 id   定义元素的唯一标识 stype 定义元素的样式声明 1.1.2不含三个基本属性的元素 html.head 文档和头部信息基本结构 title 网页标题 base   网页的基准信息 meta 网页元信息 param   元素参数信息 stype.script   网页的脚本信息和样式 1.2语言属性 1.2.1两个属性 lang 定义元素的语言代码或者编码 dir 定义文本的方向 1.…

第二节：Css重写样式

一丶 进入浏览器---->F12----->找到要修改的区域的Style 进行重写Css样式 二丶打开新页面 window.open("/Persitent/OtherIndex?connectionId=" + connectionId,"_blank");…