css简介

举报
可期 发表于 2021/09/26 12:31:12 2021/09/26
【摘要】 css的基概述css样式表,用于增强控制网页样式并将样式信息与网页内容的一种标记性语言,用于美化网页。可通过css控制html样式,是网页更加美观。css不仅可以使用在html中,还可以使用在xml和javascript目前几乎所有网页都是用css,css已成为网页设计不可缺少的编辑软件,强大的css加上你独特的设计风格,会给用户不一样的体验css命名规范必须由英文字母,数字或‘_’组成,...

css的基概述

css样式表,用于增强控制网页样式并将样式信息与网页内容的一种标记性语言,用于美化网页。
可通过css控制html样式,是网页更加美观。css不仅可以使用在html中,还可以使用在xml和javascript
目前几乎所有网页都是用css,css已成为网页设计不可缺少的编辑软件,强大的css加上你独特的设计风格,会给用户不一样的体验

css命名规范
必须由英文字母,数字或‘_’组成,必须由字母开头,不能为纯数字。我们需要用有意义的单词或者缩写组合来命名选择符,做到见其名知其意,这样可以节省我们查找样式的时间
css代码注释
1.结构性注释: /**/
例如:

/* 
    “伪元素”表示页面中一些特殊的并不真实存在是元素
    first-line表示第一行
    first-letter表示首字母
    selection表示选中的元素
    before元素开始位置
    after元素的结束位置     
*/

仅仅是用风格统一的大注释块从视觉上区分被隔离的部分,形成一个注释块

2.提示性注释:/* …*/
例如:

background-image: url("./京东狗.png");/* 设置背景位置 top center left right no-repeat */

此方法注释在代码后面,提高代码浏览性,也方便修改

css工作环境
css工作环境需要浏览器的支持,否则代码就不会生效
目前浏览器种类多种多样,IE,Opera , Chrome, Firefox等浏览器都支持css,但是他们之间存在符合标准的差异。也就是相同的css代码可能在不同的浏览器中呈现不同的效果,因此测试代码是一个非常重要的环节

另外要想创建一个存放css样式的文件的目录,一般要命名为style或css

css规则的语法格式:

selector{attribute:value;}/*(选择符{属性,属性值;})*/

选择符:代表css样式的名字
属性:属性是由官方约定的,而不是自定义,除了个别浏览器私有属性以外
属性值:属性值放置在属性名和冒号后面,具体内容跟随属性的类别而呈现不同的样式,一般包括数值,单位以及关键字

body{
	font-size:14px; /*设置字体大小*/
	font-family:'华文仿宋';/*设置字体样式*/
	color:yellow;/*设置字体颜色*/
	background-color:#fff;/*设置背景颜色*/
}

这样的代码方便编辑,便于阅读。
在开发中也一定要养成写注释的习惯

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。