首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    css基础第一弹

    HTML基础也是完结了,那下面就是css部分 css简介 css是什么:CSS是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表。...CSS是一种描述HTML文档样式的语言,CSS描述应该如何显示HTML元素。 CSS的主要使用场景是美化页面,布局页面。 CSS语法规范 使用HTML时,需要遵从一定的规范,CSS也是如此。...简单来说,css选择器就是用于指向需要css作用的标签,让css样式知道自己需要到那个标签上去。...属性值 描述 none 默认(没有装饰线) underline 下划线,a标签自带下划线 overline 上划线 line-through 删除线 文本缩进 text-indent属性用来指定文本的第一行的缩进...文本属性总结 属性 表示 注意点 color 文本颜色 通常使用十六进制简写形式#fff text-align 文本对齐 可以设定文字水平的对齐方式 text-indent 文本缩进 用于段落首行缩进2个字的距离

    2.7K20

    CSS第一天

    CSS第一天 ---- 前言: CSS介绍: CSS:层叠样式表(Cascading style sheets) 作用:给页面中的HTML标签设置样式 结构:HTML(决定了身体) 表现:CSS(决定了样式美观...) 行为:JavaScript(决定了交互的动态效果) css写在style标签中,style标签一般写在head标签里面,title标签下面 CSS 标点符号都是英文状态下的 每一个样式键值对写完之后...,最后需要写分号 CSS常见属性: CSS常见属性 作用 color 文字颜色 font-size: 文字大小 background-color 背景颜色 width 宽度 height 高度 ---...- CSS引入方式: 引入方式 书写位置 作用范围 使用场景 内嵌式 CSS 写在style标签中 当前页面 小案例 外联式 CSS 写在一个单独的.css文件中 多个页面 项目中 行内式 CSS 写在标签的

    1.3K10

    css基础第一弹

    HTML基础也是完结了,那下面就是css部分 css简介 css是什么:CSS是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表。...CSS是一种描述HTML文档样式的语言,CSS描述应该如何显示HTML元素。 CSS的主要使用场景是美化页面,布局页面。 CSS语法规范 使用HTML时,需要遵从一定的规范,CSS也是如此。...简单来说,css选择器就是用于指向需要css作用的标签,让css样式知道自己需要到那个标签上去。...属性值 描述 none 默认(没有装饰线) underline 下划线,a标签自带下划线 overline 上划线 line-through 删除线 文本缩进 text-indent属性用来指定文本的第一行的缩进...text-indent 文本缩进 用于段落首行缩进2个字的距离text-indent:2em; text-decoration 文本修饰 添加下划线underline取消下划线none line-height

    1K10

    全栈第一步-CSS基础前言CSS基础总结

    前端工程师第一步,CSS的基础得打好。本文仅用于记录上周学习CSS的过程,文中对于CSS知识点可能存在理解错误之处。...CSS基础 CSS主要知识点集中于盒模型,布局,选择器等 盒模型 在对html标签有了整体认识之后,在了解了文档流的概念之后,就得了解元素在整个浏览器中的展现形式。CSS盒模型如下图所示: ?...布局 布局算是css非常重要的一块应用吧,常见的网页设计可能会分为顶部导航栏,左侧菜单栏,右侧内容区,底部版权声明等。...3、absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。...下面对应用的较多的relative和absolute进行分析 比较重要的一点是: relative是相对于自身位置进行定位, absolute是相对于static定位以外的第一个父元素进行定位,包括

    83920

    第四章 CSS 第一节 初识CSS

    教学目的知识、能力、素养掌握通义灵码的代码解读功能提升前端开发技能增强问题解决能力第一节初识CSS一、CSS的引用输入li,在下拉里面选择link:css,就会自动生成以下代码展开代码语言:TXTAI代码解释...css">新建css文件并命名为style.css。...二、css文件归档新建一个style文件夹,把style.css移动到style文件夹内,修改css的引用代码展开代码语言:TXTAI代码解释css">三、内外边距的使用展开代码语言:TXTAI代码解释padding:20px;/*内边距,内容与边框之间的距离*/margin:30px;/*外边距,元素与其他元素之间的距离*/有些标签自带属性...about{margin:20px;/*外边距*/padding:10px;/*内边距*/}.other{margin:20px;/*外边距*/padding:10px;/*内边距*/}四、非布局样式的运用CSS

    14810

    css应知应会 第一集

    1、CSS概述 1、问题 1、想设置页面所有的文本的颜色为红色 2、想设置页面中所有的 p 标记的文本颜色 为 蓝色 3、想将所有的 p 标记的颜色...Cascading Style Sheets : 样式表 CSS用于HTML元素的样式的定义 能够实现内容(HTML页面元素) 与 表现(CSS...展示效果)相分离 能够提升代码的可重用性 和 可维护性 3、CSS 与 HTML 之间的关系 HTML 负责搭建网页结构 CSS 负责页面的样式的设置...HTML元素属性 与 CSS样式 冲突时 使用原则 : 尽量使用 CSS 样式 来取代 HTML 属性 2、使用CSS样式表 1、内联方式...css) 在HTML页面中引入 ***.css 去使用样式内容 详解: 1、内联方式 将样式定义在HTML元素的 style 属性中 允许在

    1.6K20

    HTML & CSS 系列--第一篇:概述

    HTML & CSS 到底是什么?有什么用?HTML 和 CSS 是两门语言。语言是什么呢?语言是沟通的工具人与人之间沟通的语言:自然语言人与计算机之间沟通的语言:计算机语言。...可以简单的理解为:定义网页中的东西长什么样子目前,可以广义的理解为:HTML + CSS + JavaScript = 网页。即 HTML,CSS,JavaScript是开发网页的三大基础语言。...简单点来说,CSS决定了页面长什么样子。...:2014年CSS3:目前还没有制定完成(CSS3标准已部分公布,但仍未全部制订完毕,还会有其它新内容继续加入。...W3C网站上有专页展示CSS3发展的进展——CSS3发展过程报告)。XHTML:可以认为是HTML的一种一个版本,完全符合XML的规范。

    1.4K00

    题目:请输入星期几的第一个字母来判断一下是星期几,如果第一个字母一样,则继续判断第二个字母。

    将输入的第一个字母转换为小写,以便统一处理。使用 switch 语句根据第一个字母进行判断:如果第一个字母是 ‘m’,返回 “Monday”。...如果第一个字母是 ‘t’,进一步检查第二个字母:如果第二个字母是 ‘u’,返回 “Tuesday”。如果第二个字母是 ‘h’,返回 “Thursday”。...如果第一个字母是 ‘w’,返回 “Wednesday”。如果第一个字母是 ‘f’,返回 “Friday”。...如果第一个字母是 ‘s’,进一步检查第二个字母:如果第二个字母是 ‘a’,返回 “Saturday”。如果第二个字母是 ‘u’,返回 “Sunday”。...提示用户输入星期几的第一个字母(如果第一个字母一样,请继续输入第二个字母),并读取输入。调用 getDayOfWeek 函数判断输入的字母对应的星期几,并输出结果。

    50700

    前端秘法基础式(CSS)(第一卷)

    一.认识CSS CSS 指的是层叠样式表(Cascading Style Sheets),它是一种用于描述网页外观和布局的语法 CSS 可以定义网页中元素的字体、颜色、大小、位置、背景等样式,使网页具有美观的外观和统...通过将 CSS 样式表与 HTML 文档关联起来,可以实现对网页样式的控制和管理。...CSS 的优点 在于它可以实现网页样式的分离,使得 HTML 主要负责网页的结构和内容,而 CSS 则专注于样式 定义,提高了代码的复用性和维护性。 ...同时,CSS 还提供了一些高级特性,如媒体查询,可以根据不同的设备或屏幕 尺寸应用不同的样式。 <!...文件,通过link链接 三.CSS选择器的种类 以下内容只是CSS2标准中支持的选择器 1.基础选择器(单个选择器构成的) 标签选择器 类选择器 id选择器 通配符选择器 1.1类选择器 通过给标签一个

    42210

    「HTML&CSS」第一部分

    标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的 HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3...、javascript, 这也是广义上的 HTML5 HTML5 拓展了哪些内容 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 HTML5 的现状 绝对多数新的属性...谷歌浏览器把音频和视频标签的自动播放都禁止了 谷歌浏览器中视频添加 muted 标签可以自己播放 注意:重点记住使用方法以及自动播放即可,其他属性可以在使用时查找对应的手册 五、新增 input 标签 六、新增表单属性 七、CSS3...属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展、新增的样式 CSS3 发展现状 移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非常广泛...属性选择器列表 属性选择器代码演示 button { cursor: pointer; } button[disabled] { cursor: default } 八、CSS3 属性选择器

    66620

    前端语言基础【第一篇:HTML5 & CSS】

    HTML5文档基础结构中第一行就是HTML5的DOCTYPE声明 Html文件开始标签和结束的标签——文档的根标签 指定html文档的一些属性...-- 定义列表 --> 第一个词条 第一个词条的定义 ...... 5....(二) 层叠样式表 多个样式可以作用在同一个html元素上,使得页面效果更加好,CSS将网页内容和显示样式进行分离,降低耦合度,提高了开发效率 (1) CSS和html结合的方式 内联样式 在每个html...补充样式 style标签里面 使用语句(在某些浏览器下不起作用) css"> @import uel(div.css); 外部样式 使用头标签...link,引入外部css文件,第一步 ,创建一个css文件 css" href="css文件的路径"/> 一般使用第四种方式 优先级

    2.8K20
    领券