编辑修改CSS样式在什么地方设置,写出关键词

html-css022

编辑修改CSS样式在什么地方设置,写出关键词,第1张

在js中修改css样式,必须通过关键词style。在编辑修改CSS直接设置样式(内联样式)使用JavaScript设置元素样式的最简单方法是使用style属性,在我们通过JavaScript访问的每个HTML元素时都有一个style对象。

之前在论坛上面看到论坛后台可以把所有页面的标题,内容,字体,背景,颜色等css属性都列出来了,并且可以随意重新设置,保存以后前台页面就可以根据设置动态的更新显示了,之前就有了一点想法,做了一个demo.jsp,然后在这个页面引入一个style.css样式文件,并且在这个样式文件中定义了一些属性,然后定义了一个java类来对应样式文件的属性

CSS选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。

CSS选择器分类:

标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器、伪类选择器

1、html标签选择器:

定义:以html标签作为选择器

2、class类选择器:

定义:为HTML标签添加class属性,通过类选择器来为具有此class属性的元素设置css样式。

类选择器也可以对不同类型元素的同一个名称的类选择器设置不同的样式规则:

同一个元素可以设置多个类,之间用空格隔开:

3、ID选择器

定义:为HTML标签添加ID属性,通过ID选择器来为具有此ID的元素设置CSS规则

4、群组选择器

定义:集体统一设置样式

5、全局选择器

定义:所有标签设置样式

HTML文档结构图

6、后代选择器

定义:使用后代选择器设置,之间用空格隔开,后代选择器可以多层。

7、伪类选择器

链接的四种状态:激活状态,已访问状态,未访问状态,鼠标悬停状态。

伪类

说明

:link

未访问的链接

:visited

已访问的链接

:hover

鼠标悬停状态

:active

激活的链接

:hover 用于访问的鼠标经过某个元素时;

:active 用于一个元素被激活时(即按下鼠标之后放开鼠标之前的状态)

伪类选择器的属性:link >visited >hover >active

说明:

1) a:hover 必须置于 a:link和a:visited之后,才有效

2) a:active 必须置于 a:hover之后才有效

3) 伪类名称对大小写不敏感

8、CSS其它选择器

css继承特性,从父元素那继承部分css属性

选择器的优先级

ID选择优先级最高(id选择器定义具有唯一性)

class选择器次之(class选择器可以多个)

元素选择器再次之

其它选择器优先级主要根据定义的先后顺序,最后定义的优先级高

!important 加重选择器的优先级,添加在样式规则之后,中间用空格隔开。

CSS选择器命名规则

1:采用英文字母,数字以及"-" 和 "_" 命名

2:以小写字母开头,不能以数字和"-" 和 "_" 开头

3:使用有意义的命名规范

常用CSS命名

header

页头

main

主体

footer

页尾

nav

导航

sidebar

侧栏

container

容器

column

栏目

title

标签

menu

菜单

submenu

子菜单

*列举常用命名,大家根据自身项目及团队的规则命名

耐心学习基础知识,基础是盖房的根基,必须打结实。

如果您觉得有用,记得在下方点赞、关注、留言,我会定期奉 上更多的惊喜哦,您的打赏支持才是我继续努力的动力,么么哒。

每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术。陪有梦想的人一起成长!