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;/*设置背景颜色*/
}
这样的代码方便编辑,便于阅读。
在开发中也一定要养成写注释的习惯
- 点赞
- 收藏
- 关注作者
评论(0)