css基础和心得（四）

【css基础和心得（四）】的更多相关文章

css基础和心得（四）

现在来说相对定位: 如果想为元素设置层模型中的相对定位,需要设置position:relaive(表示相对定位),它通过left.right.top.bottom属性确定元素在正常文档流中便宜位置.相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left.right. top.bottom属性确定,偏移前的位置保留不动.那么,什么叫"偏移前的位置保留不动呢?"就是div元素相对于以…

css基础和心得（三）

OK!接下来我们分别说这些元素的意义.首先,什么是块级元素?在html中<div>,<p>,<h1>,<form>,<ul>和<li>就是块级元素.(ul标签和li标签还记得是什么意思吧?)设置display:block就是将元素显示为块级元素.如:a{display:block;}这里就是将内联元素a转换为块状元素,从而使a元素具有块状元素的特点.那么它有哪些特点呢?1.每个块级元素都从新的一行开始,并且其后的元素也另起一行.(真特…

CSS基础知识笔记(四)

元素分类标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<i>.&…

css基础和心得（二）

css中的某些样式是具有继承性的.它允许样式不仅应用于某个特定html标签元素而且应用于其后代.如: p{color:red;} <p>dsffd<spans>sdfasdf</span>sd</p> 注意有些css样式是不具有继承性的.如border:1px solid red;这里的设计很合理 css有个特殊性,标签的权值为1,类选择符的权值为10,id选择符的权值最高为1 00. 注意,还有一个权值比较特殊,继承.继承也有权值但是它是最低的. 突然…

css基础和心得（一）

css开始 p{ font-size:12px; color:red; font-weight:blod } p为选择符p{}又称选择器,指明网页中要应用样式规则的元素.属性和值之间用 ":"分隔.注意:最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号:为了使用样式更加容易阅读,可以将每条代码写在一个新行内. css样式分为:内联式.嵌入式和外部式内联式:css样式表就是把css代码直接写在现有的html标签中,如: <p style=&qu…

HTML/CSS基础知识（四）

WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结构化标准语言主要包括HTML, XHTML和XML, 表现标准语言主要包括CSS, 行为标准主要包括对象模型(如W3C DOM).ECMAScript等. 这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer M…

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

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

Bootstrap<基础二十四> 缩略图

Bootstrap 缩略图.大多数站点都需要在网格中布局图像.视频.文本等.Bootstrap 通过缩略图为此提供了一种简便的方式.使用 Bootstrap 创建缩略图的步骤如下: 在图像周围添加带有 class .thumbnail 的 <a> 标签. 这会添加四个像素的内边距(padding)和一个灰色的边框. 当鼠标悬停在图像上时,会动画显示出图像的轮廓. 下面的实例演示了默认的缩略图: <!DOCTYPE html> <html> <head> &l…

CSS基础(01)

1. Css基础 1.1 CSS(层叠样式表 Multiple Styles) CSS 是 Cascading Style Sheets(层叠样式表)的简称. CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行. CSS 文件也可以说是一个文本文件,它包含了一些 CSS 标记,CSS 文件必须使用 css 为文件名后缀. 1.2 CSS权值.CSS优先级 CSS的权值设计到浏览器解析CSS 优先级的问题,当选择器权值越大则优先级越大,最直接的体现是设定后的CSS后却没有效果,…

CSS基础知识之float

前段时间写过一篇CSS基础知识之position,当时对float的理解不太准确,被慕课网多名读者指出(原文已修正,如有误导实在抱歉).现对float进行更深入的学习,在此把学习心得分享给大家. 浮动的基础知识浮动有4个属性:left(左浮动).right(右浮动).none(不浮动).inherit(继承). 浮动元素的包含块是其最近的块级祖先元素. 浮动元素会左偏移(或右偏移),直到它的外边界接触到『包含块的内边界』或『另一个浮动元素的外边界』. 浮动元素脱离了标准文档流,文字和行级元素会…

(转)第一天　XHTML CSS基础知识文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)

欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教…

Form标签+Css基础

一.Form表单标签 <form action="" method=""></form> 表单就是用来将用户的信息提交到服务器,服务器会将信息存储或者根据信息查询数据(增删改查). 表单中所有的内容都要写在form标签中. <input type="text" value="哈哈哈哈" placeholder="请输入用户名"> Input文本输入框,type类…

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

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

软件测试必备-前端知识点之css基础及ps的用法

CSS 一. css定义 css样式表.层叠样式表,级联样式表二. css基础语法 1. 写style标签,放在head标签里面的最后位置 2. 自己写的css代码,放在style标签里面三. css常用属性 1.color: red; 设置文字颜色 2.font-size: 50px; 设置文字大小 3.font-family: "黑体"; 设置字体(如果设置的是中文字体,要加双引号!) 4.width: 100px; 设置宽度 5.height: 100px; 设置高度…

【CSS】 CSS基础知识属性和选择

css基础知识 html的基本标签都是千篇一律的,为了能够个性化外观,就需要进行样式的调整,而css就是专门用来维护,管理样式的一种格式.在html中定义css有三种方法 1. 为标签添加style属性,这样的话样式只应用于这个标签: <h1 style="属性:属性值;属性2:属性值;"></h1> 2. 在文件头的<head>里面加上<style type="text/css">标签,标签里面以css的格式写样式,…

CSS基础入门

css基础语法一.CSS格式选择器{ 属性名:属性值; 属性名:属性值; } 选择器负责圈定范围,要修改的元素集合,花括号内的声明由属性名和属性值组成(key:value)的形式,用于设定具体样式二.CSS三种引入方式 1.行间式 <p style="color:red;"</p> 2.内联式 <style> p { color:red } </style> 3.外联式 p { width: 100px; height: 100px; b…

h5 . css入门 2.CSS基础

CSS基础学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释一.CSS简介英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发…

Web开发——CSS基础

参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool.cn/css/css-tutorial.html 目录: 1.层叠样式表的组成 2.CSS选择器 2.1 CSS基础选择器 2.2 CSS3 选择器 3.一些常用的样式 4.CSS继承 5.CSS HTML颜色名/背景颜色 5.1 HTML颜色名 5.2 背景颜色 6.浮动和定位属性(Positi…

CSS 基础知识点样式选择器伪类

CSS 基础知识点汇集版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言.样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一. HTML 标签被设计为用于定义文…

css基础--常用css属性02

上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1 浮动和清除浮动在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和绝对定位已经说完,接下来就是浮动了. 什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素‘上浮’一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向…

css 基础 - 3

css 基础 - 3 20161128 一. 元素的距离计算 1,两个水平方向的容器s1,s2之间的距离计算为s: s = s1的margin-right + s2的margin-left(+默认值) 2,两个垂直方向的容器s1,s2之间的距离计算为s: s1的margin-bottom和s2的margin-top之间的较大者 3,两个包含关系的容器s1,s2之间的距离计算为s, 假设s1为父元素 s1的padding和s2的margin的和二. 浮动:(float) 一个元素浮动向左浮…

css 基础 - 2

css 基础 - 2 一．文本样式: 文字竖着书写: 语法:writing-mode : lr-tb.tb-rl 参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左 1.text-align:(水平对齐方式) left(居左) center(居中) right(居右) 2.text-indent:(缩进) 单位:em(字符) px(像素) 3.line-height:(行高) 4.cursor:(光标) pointer(手型指针) wait(等待) …

两天学会css基础（二）

接上一篇博客,还有css中的两个重要知识点没有说到,就是元素的浮动与定位. 第三部分:元素的浮动与清除这部分的内容之前的博客已总结过.请查看css中的浮动与三种清除浮动的方法这篇文章. 浮动在网页中也用的和普遍,特别要注意清除浮动的方法. 第四部分:元素的定位元素的定位在实际开发中会经常用到,特别是涉及到精确定位的时候. 默认情况下元素的position属性值为static static: 对象遵循常规流.此时4个定位偏移属性不会被应用. relative: 对象遵循常规流,并且参照自身在常…

两天学会css基础（一）

什么是css?css的作用是什么? CSS 指层叠样式表 (Cascading Style Sheets)主要作用就是给HTML结构添加样式,搭建页面结构,比如设置元素的宽高大小,颜色,位置等等. 学习css之前先了解一下css代码在HTML中的书写位置. 样式名称存放位置使用范围应用嵌套样式 head中的title下面当前样式所处的页面存放当前页面会用到的样式行内样式标签中通过style设置样式只作用于当前标签很少使用(一般可以临时使用) 外联样式存放于其他文本中,使用时…

第五模块：WEB开发基础第1章·HTML&CSS基础

01-前端介绍 02-HTML介绍 03-HTML文档结构 04-head标签相关内容 05-常用标签一之h1~h6,p,a 06-常用标签一之ul.ol.div.img.span 07-常用标签二-table标签 08-常用标签二之form标签 09-常用标签二之表单控件 10-常用标签分类和嵌套规则 11-css的介绍和感知 12-css的三种引入方式 13-标签选择器 14-id选择器 15-类选择器 16-如何正确的使用类选择器及总结 17-高级选择器 18-属性选择器 19-伪类选择器…