htmlcss样式标签的简单介绍

怎么给html标签写css样式

1、直接使用行内样式，即在html标签上使用style

div style="width:100px;height:100px;background:red;"div内容/div

2、先定义css样式，再给html的class属性赋值

style

.content{

    width:100px;

    height:100px;

    background:red;

}

/style

div class="content"

    div测试内容

/div

总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可

相关问答

Q1: HTML和CSS的关系

单纯的html标签

p我是一个p标签/p

经过css修饰过后html标签：

p {

color: red;

border: 1px solid blue;

width: 140px;

height: 40px;

}

1、css是用来修饰html样式的

2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css

3、html+css构成了我们网页的基本页面结构和样式

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

Q2: css样式与html标签属性的优劣

css 样式是css渲染引擎解析的 如 style="color:red;"

html标签属性是html解析的 input name="email" autoComplete="off"/

html标签属性难以重复使用，多个页面想达到一样的效果需要针对单独页面添加标签

css样式则可以被多个页面调用，更加方便，易于维护和管理

Q3: 一些html标签中含有css样式是什么意思？

em 标签是一个短语标签，用来呈现为被强调的文本。

提示：我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的话，我们建议您使用 CSS ，这样可能会取得更丰富的效果。

em标签对于浏览器会自动呈现斜体。不知道你说的查看他的样式是在哪里查看的。这都已经封装在浏览器里面了。就像你查看strong标签，在哪里能看到它的font-weight:bold; 呢