第六天-css基础（css定位)

HTML&CSS基础-CSS的语法

css基础-css选择器和css文本样式相关

css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url(“*.css”);使用导入式,页面加载完后,才会加载样式链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>class选择器>标签选择器如果设置了同样的类样式,类样式与元素里类的顺序没…

css基础,css选择器

07.29自我总结 css基础一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用完成网页内容的样式与布局二.CSS的三种引入方式 1. 内联式书写位置:在 head标签内定义一个stype标签内 CSS语法:css选择器{样式1;样式2} 优缺点:可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用 2. 外联式书写位置:在外部css文件中,在html文件中通过link标签引入css文件 CCS文件内CSS语法:css选择器{样式1;…

CSS 基础：定位元素(3)<思维导图>

这段时间利用一下间隙时间学习了CSS的基础知识,主要目的是加深对CSS的理解,虽然个人主要工作基本都是后台开发,但是个人觉得系统学习一下CSS的基础还是很有必要的.下面我学习CSS时做的思维导图(全屏查看:定位元素<思维导图>): 参考资料:<CSS设计指南(第二版)>…

CSS 基础例子定位及z-index

position 属性指定了元素的定位类型. position 属性的四个值: static 不设置默认为该值,即没有定位,元素出现在正常的流中.不能使用top,bottom,left,right和z-index. relative 是相对其正常位置,它原本所占的空间不会改变,经常被用来作为绝对定位元素的容器块. absolute 相对于最近的已定位(非static)父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>,使元素的位置与文档流无关,因此不占据空间. fix…

CSS基础-4 定位

CSS定位和浮动 css定位:改变页面的位置定位机制有以下三种普通流浮动绝对布局定位的属性: position:把元素放在一个静态的.相对的.绝对的.或固定的位置中 top 元素向上偏移 left 元素向左偏移 right 元素向右偏移 bottom 元素向下偏移 overflow 设置元素溢出其区域发生的事情 clip 设置元素的显示的形状 vertica…

css基础回顾-定位：position

w3school 对position定义和说明是: 定义和用法: position 属性规定元素的定位类型. 说明: 这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型.相对定位元素会相对于它在正常流中的默认位置偏移. position有以下属性值: 可能的值 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top"…

HTML+CSS基础 css的尺寸

css的尺寸 width 宽 height高 Line-light 行高行高是由三部分构成,上间距.文本高度.下间距. 且上下间距相等.所以文字居中行高.一旦设置行高了,元素内部必须有内容. Line-height:3:. 行高是当前数字乘以当前字体大小就是行高的值. Display 这个属性规定元素以某种形式显示. display:none:当前元素不显示,不占用当前的空间了 visibilty:hidden:当前元素隐藏,还占用之前的空间. Display:block:当前…

HTML+css基础 css的几种形式 css选择器的两大特性

3.外联样式 css选择器的两大特性 1.继承性:所有跟文本字体有关的属性都会被子元素继承.且权重是0000. 2.层叠性:就是解决选择器权重大小的一种能力,就是看那个选择器的权重大.谁的权重大听谁的.0010相当于255个0001.…

HTML+css基础 css选择器的种类

css选择器的种类标签权重是001 类 class权重是0010 相当于255个标签选择器 Id 权重是0100相当于255个类 *通配符代表所有的标签权重是0000 后代选择器 .a p 权重是累加0011 子代选择器 .a>p 权重是0011 交集选择器.a#as…

HTML+css基础 css选择器选择器的权重

css选择器选择器的权重在css中,哪个选择器的权重高,就走谁的样式标签选择器的权重是1 class选择器的权重是10 Id选择器的权重是100 行间样式的权重是1000 带有关键字 !important 的css属性权重是无穷大…

CSS基础 CSS的三大特性以及选择器优先级计算方法

1.子元素默认会继承父元素的样式,但不是所有的元素都有继承常见的继承父元素特点的元素有: 1.color 2.font-sytle.font-weight.font-size.font-family 3.text-indent.text-align 注意:可以通过chrome浏览器查看是否支持继承,可在style中看到inherited from (div father)...也就是说权限来自于哪里应用场景 (1)去除ul中的无序列表中的小黑点,可以直接设置给ul{list-style:no…

css 基础 css引入方式

color:red; //改变颜色 font-size:18px : //改变文字大小 background-color : blue; //设置背景颜色 width:100px ://设置宽度 height:100px; //设置高度 css引入方式 1.内嵌式适用于,小demo或者小案例中使用 2.外联形式表现为css是一个单独的css 文件,主文件利用 ,适用于'项目中'多个css调用 <link rel="stylesheet" href=""&g…

CSS基础-CSS三大特性

继承性层叠性优先级优先级权重 !important…

HTML+css基础 css的几种形式

1.行间样式:将style写在标签内的充当标签标签属性 2.行内样式…

CSS基础 CSS常见错误排错思路

…

前端学习（九）：CSS基础

进击のpython ***** 前端学习--CSS基础 CSS的样式可以写在哪呢?其实CSS的样式插入式十分灵活的按照插入的形势来看,可以分为三种情况而接下来就对这三种情况进行简单的讨论内嵌式 CSS样式表是可以直接把代码放在现有的标签里面去的这种方法就称为内嵌式: <p style='color:red;'>文字颜色为红色</p> 把对应的style属性,写在p标签的开始标签中 CSS样式代码要写在style=""双引号中,如果有多条CSS样式代码设置…

CSS浮动、定位

这几天有空,整理了关于CSS浮动和定位的一些知识点,有什么欠缺的地方,欢迎大家批评指正. 一.文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列.并最终窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素.脱离文档流即是元素打乱了这个排列,或是从排版中拿走. 让元素脱离文档流的方法有:浮动和定位. 二.有几种定位方式,分别是如何实现定位的,使用场景如何? CSS定位方式有四种:默认定位(static).相对定位(r…

Web前端温故知新-CSS基础

一.CSS定义与编写CSS 1.1 CSS的定义全名:Cascading Style Sheets -> 层叠样式表定义:CSS成为层叠样式表,它主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式.CSS以HTML为基础,提供了丰富的功能(如字体.颜色.背景的控制以及整体排版等等),还可以针对不同的浏览器设置不同的样式. 1.2 HTML.CSS与JS三者的关系 HTML:页面结构,负责从语义的角度搭建页面结构.…

CSS基础篇之了解CSS和它的基本属性

CSS是什么? CSS英文全名是Cascading Style Sheets翻译过来就是层叠样式表,它主是把网页表现与内容分离的一种样式设计语言.这种语言能优化我们编程,把东西简化和优化写法,而且不同的浏览器有不同的CSS前缀如果你用的是charome和safari,前缀就是-webkit 如果你用的是firefox,前缀是-moz 如果你用的是IE,前缀是-ms 如果你用的是opera,前缀是-o CSS能做什么? CSS简化了以前要使用很多图片和脚本实现的效果,只需几行代码就能搞定.方便了…

CSS基础知识汇总

前言原文连接:http://www.cnblogs.com/wanghzh/p/5805678.html 在此基础上又做了大量的扩充 CSS简介 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. CSS的引用方式 1.行内式行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. 2.嵌入式嵌入式是将CSS样式集中写在网页的标签对的标签对中.格式如下: <head>…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

WEB前端开发CSS基础样式全面总结

Web前端开发css基础样式全面总结颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spa…

css基础不扎实

写了两周的网页,发现自己的css基础还是很差的,当时培训学习的时候就发现了,我做的页面都特别的别扭和丑吧,在班级上应该是垫底的: 原先只知道用float,不会使用定位,网页连固定定位也不会,现在发现,原来手机移动端,使用的多的是绝对定位,相反浮动也就没有那么多的. 浮动后的元素,其父级元素如果想让其内容自动撑开,就得使用清楚浮动了,具体办法就是 div:before和div:after content: ""; clear: both; display: block; height: …

html和css基础

背景: 最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,新疆的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么异步刷新啥玩意,这个devexpress控件还是挺麻烦…

（转）CSS+DIV float 定位

来自:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解. 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你. 小菜水平有限,本文仅仅是入门教程,不当之…