展开

关键词

CSS02-CSS选择器

02-CSS选择器2.1CSS选择器的作用选择器就是根据不同的需求把不同的标签选出来,这就是选择器的作用。简单来说就是选择标签用的。2.2选择器的分类选择器分为选择器和复合选择器两大类。 选择器是由单个选择器组成的,选择器又包括:标签选择器、类选择器、id选择器和通配符选择器.2.3标签选择器标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的 CSS样式。 类选择器在HTML中以class属性表示,在CSS中,类选择器以“.类名”来表示 * 所有属于red类的标签都会变为红色 * .red { color: red; } 这是一个红色的盒子 注意点:类选择器使用 HTML中以id属性来设置id选择器,CSS中id选择器以“#id名”来定义。

7710

CSS

CSS 的三种引入方式 头部引入,通过在 head 使用 标签引入,优点:结构样式分离,减少 http 请求的次数,一般用在访问量高大型网站;缺点:CSS 文件不能缓存 body { color: red CSS 选择器 CSS 选择器的书写格式为:选择器 + 大括号,大括号里面书写 css 属性样式,键值对 key : value 以冒号 : 分隔,每条属性之间要用分号 ; 分隔body { background-color CSS 属性设置 font 字体字体的属性一般包括字体大小、字体颜色、字体类型、字体样式,在浏览器中,其默认的字体大小为 16 px 或 18 px,Chrome 浏览器下默认的字体大小为 18 规定文本块中首行文本的缩进p { text-indent:50px; } 将段落的第一行缩进50像素line-height 属性,设置行间的距离(行高),可以设置单行文本的竖直居中line-height: 90%; 百分比,于当前字体尺寸的百分比行间距 0%*background-attachment 属性,设置背景图像是否固定或者随着页面的其余部分滚动background-attachment:fixed; *背景图固定在窗口,以浏览器窗口为参考

42240
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS

    CSSCSS知识选择器(重要!!!) 继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动相对定位与绝对定位布局初探CSS知识认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义 下面注意一个特殊情况:当给 font-size 设置单位为 em 时,此时计算的标准以父元素p的 font-size 为。如下代码:html: 以这个例子为例。 盒模型 CSS 盒模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和的方式,页面中的所有标记都可以看成是一个盒子,盒模型是我们对网页行定位的,而定位是我们对网页元素进行位置固定的重点知识 布局初探 布局是我们书写整个网页的本,就是把整个页面的框架先打好,例如我们现实生活中房子装潢的时候就有布局的概念,我们网页也是的,一个网页可以看成是由几个不同,这些组成部分我们可以使用 div 容器去存放他们

    55350

    CSS

    一、CSS简介 css概念     CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。     css语法 ?css注释*这是注释,随便写,不影响css代码*二、CSS的引用方式 行内引用   行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。Hello world. 内部样式   嵌入式是将CSS样式集中写在网页的标签对的标签对中。 三、CSS选择器 本选择器  元素(标签)选择器 p {color: red;}   ID选择器 #i1 { background-color: red; }   类选择器 .c1 { font-size p { color: green;}  此外,继承是CSS重要的一部分,我们甚至不用去考虑它为什么能够这样,但CSS继承也是有限制的。

    50080

    CSS

    CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 css的四种引入方式 1.行内式          行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 css选择器本选择器? ) vertical-align:-4px 设置元素内容的垂直对齐方式 ,只对行内元素有效,对块级元素无效,不设置时默认以线baseline对齐(当图片和文字或输入框等在一行但是没对齐时,可以设置此属性 margin:            用于控制元素与元素之间的距离;margin的最本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。

    47170

    CSS

    介绍css相关知识 和 非布局属性。css:Cascading Style Sheet 层叠样式表,简而言之 就是css的样式 是可以叠加的。 默认 是根据css选择器的权重,按权重进行叠加,权重值大的css 覆盖 权重小的css本规则选择器{ 属性:值; 属性:值;} * 选择器作用:用来匹配html元素。 从右向左解析css选择器,这样做的目的是:为了加快 浏览器对css选择器的解析速度。 important, 它就是最重要的 不会被其它css样式覆盖掉. * 内联的style 优先级高于 (外部样式表 和 style标签中的样式),也高于 id选择器* 相同权重 后写的生效

    17120

    css

    前端之CSSCSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 css的四种引入方式 1.行内式    行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 css练习 @import 样式.css; 段落样式1 css选择器本选择器? 文本其它属性* font-size: 10px; line-height: 200px; 文本行高 通俗的讲,文字高度加上文字上下的空白区域的高度 50%:于字体大小的百分比 vertical-align margin:            用于控制元素与元素之间的距离;margin的最本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。

    26720

    css

    什么是 CSS? CSS 文件中多个样式定义可层叠为一个css 层叠样式表如一个div元素可以添加多个样式,一个样式可以重复添加在一个元素上,以优先级最高|最近的为主css 的使用方式;1.行内样式表:在标签上添加一个 :属性名:属性值;3.外部样式表:在外部定义css文件,html的head中使用link标签进行引入如: 优先级:谁离元素近,就优先显示谁----css选择器 选择器,关系选择器,属性选择器[],伪类 :,伪元素::...掌握选择器:重点#id选择器: 根据元素的id属性选中某个元素.class: 根据元素的class属性值选中一组元素,可以添加多个元素名,选择其一即可元素选择器: 根据元素名选择一组元素 * -- 通配符: 选中当前中的所有元素(常用来清除浏览器的默认样式)*清除浏览器的默认样式,如p标签的内外边距等**{ padding:0; margin:0;}选择器的优先级:id>class>

    16430

    html——css

    display的属性nonelesson3.html        Css                这是div    这是div    这是span标签    这是span index.css*     none   隐藏 其实display属性还有很多,但我们只需要记住这四个就够啦~~~现在我们来实践一下我们学过的知识:做一个光标移动上去以后显示二维码的案例:lesson3.html        Css    display: none; *设置图片不显示*}到目前为止显示:看一下代码,其实图片已经存在,知识不显示:现在我们要完成鼠标移上去后再显示图片,其实这里可以用js实现,但现在还没讲,所以我们用css 的方式,为了达到效果,我们把上面代码里的div标签放到a标签里:lesson3.html        Css                船长公众号             index.cssa.des 设置鼠标移上去后显示图片*a.des:hover div.qrcode{    display: block;}鼠标不移上去:鼠标移上去以后:我们接着写一些样式,类似:lesson3.html        Css

    72750

    HTML+CSS

    7.当不想将H1标签用在LOGO上并且网页主要的关键词在后面的时候,如果还是想加H1标签并且想H1标签的关键词靠前,可以利用DIV+CSS布局来调整主关键词的位置,这样也不会影响页面效果。 列表(无序);ol li:列表(有序);dl dt dd:自定义列表(dt-自定义列表title;dd-自定义列表项)     13、mark:标记(黄色背景标记)     14、img:图片标签四、CSS 标签样式初始化(css reset)     1、书写原则:          1.1     用到什么标签就清除所用标签初始化样式,建议不要直接将所有标签全部加上清除样式代码          1.2 1000)>Id选择器(100)>class类选择器(10)>标签选择器(1)     第三章一、块元素和行内元素     1、块元素特征:          1.1     默认独占一行 ,支持所有CSS

    1.6K91

    css1

    Css(实现了页面和样式的彻底分离)写入样式表的三种方式:内联样式表,嵌入样式表,外部样式表。内联样式表的优先级高于嵌入样式表。 Css当中属性非常多,大体上可以分为以下几类:字体,背景,文本,位置,布局,边缘,列表。 当用css给div设定位置并把position设置为:absolute时,就可以将div设置在需要固定的位置,使其摆脱文档流的束缚。 用css也能轻松实现。

    411120

    css,css选择器

    07.29自我总结css一.什么是CSSCSS是级联样式表CSS术语标记语言,没有逻辑CSS作用 完成网页内容的样式与布局二.CSS的三种引入方式1. 内联式书写位置:在 head标签内定义一个stype标签内CSS语法:css选择器{样式1;样式2}优缺点:可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用2. 外联式书写位置:在外部css文件中,在html文件中通过link标签引入css文件CCS文件内CSS语法:css选择器{样式1;样式2}HTML文件中导入CSS文件语法:优缺点: 可读性强,有复用性,适合团队开发 行间式书写位置:在标签的style属性中书写样式CSS语法:优缺点:可读性差,没有复用性,书写直接4. 三种方式的优先级别内联与外联之间没有优先级区别,由于html属于解释性语言,书写在下方的会覆盖上方的样式行间式的优先级要高于一切三.CSS选择器统配选择器 * { 样式1; } 标签选择器 标签名 {

    26330

    CSS01-CSS简介

    CSS01-CSS简介1.1HTML的局限性HTML只关注内容的语义,虽然也可以做一些简单的颜色、规格设置,但是十分繁琐。 1.2CSS-网页的美容师CSS是层叠样式表(Cascading Style Sheets)的简称,有时也被称为CSS样式表或级联样式表。 CSS也是一种标记语言,CSS主要用于设置HTML中的文本格式(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。可以简单理解CSS为对HTML的美化。 CSS最大的价值在于:由HTML专注结构的呈现,样式则交给CSS,将结构与样式分离。 1.3CSS语法规范CSS规则由两个主要部分组成:选择器以及一条或多条声明 * 选择器 * table{ * 一条或多条声明 * color:salmon; font-size: 18px; } 1.4CSS

    8410

    CSS知识

    2.jpg 4.CSS 样式CSS 样式代码插入的形式来看本可以分为以下3种:内联式、嵌入式和外部式三种。 3.外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在标签内)使用标签将css样式文件链接到HTML文件内,如下面代码: 注意 9.css布局模型9-1css布局模型清楚了CSS 盒模型的本概念、 盒模型类型, 我们就可以深入探讨网页布局的本模型了。布局模型与盒模型一样都是 CSS本、 最核心的概念。 但布局模型是建立在盒模型之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种本的布局模型,用英文概括为:Flow、Layer 和 Float。

    67330

    CSS语法

    CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 h1 {color:red; font-size:14px;} 下面的示意图为您展示了上面这段代码的结构: CSS 语法 提示:请使用花括号来包围声明。 值的不同写法和单位 除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000: p { color: #ff0000; } 为了节约字节,我们可以使用 CSS 的缩写形式: p { color #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; } 是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。

    15140

    CSS总结

    css    选择器        id选择器  #id值{}        通配符选择器 *{}        群组     选择器1,选择2{}        后代     选择器1 选择器2{

    12610

    css知识

    12820

    CSS知识

    本文链接:https:ligang.blog.csdn.netarticledetails44040625 CSS全称为层叠样式表(Cascading Style Sheets) 内联式 > 嵌入式 > 外部式 【就近原则(离被设置元素越近优先级别越高)】 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。 CSS样式本知识 子选择器(作用于元素的第一代后代): .food>li{border:1px solid red;} 包含选择器(作用于元素的所有后代): .first span{color:red 但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;}三年级时,我还是一个胆小如鼠的小女孩。

    13331

    CSS布局

    CSS布局确定页面的大致结构,页面分多少块,每块的位置。每个部分怎么把该部分撑起来。 position为relativeabsolutefixed的元素 可以设置z-index,z-index数值大的 在上层. * 写css时要注意z-index的设置,一般来说 会给不同的元素 设置不同的区间 * CSS中BFC详解 https:www.cnblogs.comchen-congp7862832.html clear: both; 的作用是:保证该元素左右两侧 没有浮动元素。 CSS面试题1. 实现两栏三栏的布局 的方法 1.

    33120

    CSS知识

    CSS 样式CSS样式代码插入的形式来看本可以分为以下3种:内联式、嵌入式和外部式三种。 1.内联式:css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里文字是红色。 3.外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css ”为扩展名,在内(不是在标签内)使用标签将css样式文件链接到HTML文件内,如下面代码: css布局模型9-1css布局模型·清楚了CSS 盒模型的本概念、 盒模型类型, 我们就可以深入探讨网页布局的本模型了。布局模型与盒模型一样都是 CSS本、 最核心的概念。 但布局模型是建立在盒模型之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种本的布局模型,用英文概括为:Flow、Layer 和 Float。

    20320

    相关产品

    • 云直播

      云直播

      云直播(CSS)为您提供极速、稳定、专业的直播云端处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、慢直播、快直播三种服务,分别针对大规模实时观看、高并发推流录制、超低延时直播场景,配合移动直播 SDK,为您提供一站式的音视频直播解决方案。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券