关于CSS的发展史这里不做介绍。写博客的原因之一是想帮助那些与我一样喜欢纠结的初入前端的伙伴,希望自己写的帖子能对伙伴有些许帮助;原因之二这些帖子也算自己的一个知识的整理。现在还没有一定的顺序可循,但从CSS开始,尽量写的有顺序可循。 1.CSS初始 概念:CSS称之为层叠样式表或级联样式表。样式定 ...
分类:
Web程序 时间:
2019-02-23 10:33:43
阅读次数:
199
引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cas ...
分类:
Web程序 时间:
2018-09-17 16:14:37
阅读次数:
181
css概念 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css引入方式 1. 行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 2.嵌入式 嵌入式是将CS ...
分类:
Web程序 时间:
2018-09-04 11:40:52
阅读次数:
175
第一:css的四种引入方式 1.行内样式 最直接最简单的一种,直接对HTML标签使用style="",例如: <p style="color:#F00; "></p> 缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。 2.内嵌样式 内嵌样式就是将CSS代码写在<head></h ...
分类:
Web程序 时间:
2018-08-02 20:45:35
阅读次数:
142
一、CSS介绍和语法 二、CSS引入方式 三、基本选择器 四、高级选择器 五、伪类选择器 六、伪元素选择器 1?? CSS介绍和语法 1、 CSS的介绍 (1)为什么需要CSS? (2)代码注释 方法:/*代码注释写在这里*/ 2?? CSS引入方式 网页中引入CSS样式有三种: (1)内嵌方式 s ...
分类:
Web程序 时间:
2018-07-08 10:44:21
阅读次数:
235
一.CSS引入方式1.CSS简介:(1)CSS(CascadingstyleSheets):层叠样式表。用来给html网页设置样式;(2)当多个选择器对同一个元素进行样式设计时,则该元素的样式为多个选择器叠加的效果(当有冲突时,按照优先级设置);2.引入方式:(1)方式一:行内样式(在html元素的style属性上设置样式)(2)方式二:页面内嵌样式(在head标签内部嵌入样式)(3)方式三:引入
分类:
编程语言 时间:
2018-06-21 15:28:17
阅读次数:
196
一、概述 HTML是骨架、框架CSS是外表、衣服JS是动作、肌肉 css的主要作用是对元素进行渲染。1、找到要操作的标签(选择器)2、对定位的标签进行操作(属性) 二、CSS引入方式 1、行内式 <p style="background-color:red">行内式</p> 2、内联式 在head标 ...
分类:
Web程序 时间:
2018-05-13 00:34:24
阅读次数:
199
语法: css基本语法通常包含两个部分: 1.选择器 2.一个或多个声明. 注意:如果一个属性多个值,那么多个属性值之间用空格隔开即可. CSS引入方式: eg: <link href=".class文件地址" rel="stylesheet" type="text/css"/> CSS常用选择器: ...
分类:
Web程序 时间:
2018-04-26 01:01:23
阅读次数:
219
1 css引入方式 2 document.querySelector()与document.getElementById():querySelector静态的,但是例子不能用,否则查找为空 getElementById动态的,一次到位 3 id 唯一的意思是属性值只能有一个 4 replace() ...
分类:
其他好文 时间:
2018-03-25 12:05:58
阅读次数:
162
一、css简介 1、层叠样式表:叠加效果,不同css对同一html修饰,冲突部分,优先级高作用,不冲突部分,共同作用 2、css作用 (1)修饰html (2)替代了标签自身的颜色,字号等属性,提高复用性 (3)html内容与样式分离,便于后期维护 3、css引入方式 (1)内嵌样式 <div st ...
分类:
Web程序 时间:
2017-12-17 15:03:36
阅读次数:
291