前端基础--css基本语法,选择器】的更多相关文章

一.css概述 CSS(Cascading Style Sheet)层叠样式表,定义如何显示HTML元素,给HTML设置样式,让它更加美观.当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS创建于1996年,在1997年W3C颁布HTML4.0与XHTML1.0时同时公布了CSS1标准.1998年推出了CSS2标准,目前仍不断发展和完善中 二.css语法 1.实例 2.注释 /* 注释内容 */ 三.css的引入方式 优先级: 内联样式)Inline style >…
一. 基本选择器 二. 后代选择器.子元素选择器 三. 兄弟选择器 四. 交集选择器与并集选择器 五. 序列选择器 六. 属性选择器 七. 伪类选择器 八. 伪元素选择器 九. CSS三大特性 一. 基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个…
前端基础——css css的内容主要包括:盒子模型.定位.单位与取值.属性.选择器.…
前端基础-CSS属性操作 css text 文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如:  red p { color: rebeccapurple; } 水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. left      把文本排列到左边.默认值:由浏览器决定. right    把文本排列到右边. center 把文本…
HTML&CSS基础-CSS的语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.dome.html源代码 <!DOCTYPE html> <html> <head> <title>尹正杰的网页</title> <meta charset="utf-8"/> <!-- 注意,写在"<style></style>"元素里的代码并不属于&…
CSS Day02 复合选择器 后代选择器 并集选择器 1. CSS复合选择器 理解 理解css复合选择器分别的应用场景 为什么要学习css复合选择器 CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签. 目的是为了可以选择更准确更精细的目标元素标签. 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前…
一.CSS概述 css ( cascading style sheets ) 层叠样式表,可以轻松设置网页元素的显示.位置和格式外,甚至还能产生滤镜,图像 淡化,网页淡入淡出的渐变效果,简而言之,css就是要对网页的显示效果实现与word 一样的排版控制. DIV+CSS 标准的叫法 xhtml+css  //XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language). CSS的好处 1.提高网页的浏览速度,至少50% 的文件尺寸: 2.缩短改版…
阅读目录 一. 什么是CSS 二. 为何要用CSS 三. 如何使用CSS 一. 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的. 样式指的是HTML标签的显示效果,比如换行.宽高.颜色等等 层叠属于CSS的三大特性之一,我们将在后续内容中介绍 表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里 二. 为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 <!…
什么是CSS? Cascading Style Sheets层叠样式表,样式定义如何显示HTML元素 样式通常存储于样式表中,外部样式表通常存储在CSS文件中 多个样式定义可层叠为1,样式对网页中元素位置的排版进行像素级精确控制 对于同一个HTML元素,样式级别升序如下所示: 浏览器缺省设置 外部样式表 内部样式表(位于head标签内部) 内联样式(在HTML元素内部,优先级最高) CSS语法: css语法构成: 选择器,通常是需要改变样式的HTML元素 一条或者多条声明,每条声明由一个属性和一…
一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如: h1 {color:red; font-size:14px;} 二.CSS四种引入方式 1,行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. <p style=" padding: 0px; color: rgb(0, 0, 255); line-height: 1.5 !important;">>hello yuan</p…