山东建设厅科技处网站,建网站的策划方案,商城网站建设论坛,wordpress仿虎嗅网文章目录一、CSS 引入方式 - 内嵌样式1、内嵌样式语法2、内嵌样式示例3、内嵌样式完整代码示例4、内嵌样式运行效果一、CSS 引入方式 - 内嵌样式 1、内嵌样式语法 CSS 内嵌样式 , 一般将 CSS 样式写在 HTML 的 head 标签中 ;
CSS 内嵌样式 语法如下 :
headstyle …
文章目录一、CSS 引入方式 - 内嵌样式1、内嵌样式语法2、内嵌样式示例3、内嵌样式完整代码示例4、内嵌样式运行效果一、CSS 引入方式 - 内嵌样式 1、内嵌样式语法 CSS 内嵌样式 , 一般将 CSS 样式写在 HTML 的 head 标签中 ;
CSS 内嵌样式 语法如下 :
headstyle typetext/css标签选择器 { 属性名称1: 属性值1;属性名称2: 属性值2; 属性名称3: 属性值3;}/style
/head选择器 需要注明 该样式是 为哪些标签 定义的 , 可以直接写标签类型 ; 2、内嵌样式示例 内嵌样式 示例 :
将页面所有的 h3 标签 的内容设置为 蓝色 , 字体 20 像素 ;
style typetext/cssh3 { color: blue;font-size:20px; }
/style将页面所有的 td 标签 的内容设置为 绿色 , 字体 15 像素 ;
style typetext/csstd { color: green;font-size:15px; }
/style将页面所有的 option 标签 的内容设置为 紫色 , 字体 15 像素 ;
style typetext/cssoption { color: purple;font-size:15px; }
/style3、内嵌样式完整代码示例 代码示例 :
!DOCTYPE html
html langenhead meta charsetUTF-8 / title用户注册/titlebase target_blank/style typetext/cssh3 { color: blue;font-size:20px; }td { color: green;font-size:15px; }option { color: purple;font-size:15px; }/style/headbody!-- 设置表格宽度 600 像素, 表格居中 --table width600 aligncenter border1!-- 设置表格标题 --captionh3用户注册信息/h3/caption!-- 第一行数据 --tr!-- 第一行第一列 --td性别/tdtd!-- 单选按钮 选择性别 --input typeradio namesex checkedchecked /img srcimages/man.jpg / 男input typeradio namesex /img srcimages/women.jpg / 女/td/tr!-- 第二行数据 --tr!-- 第二行第一列 --td籍贯/tdtd!-- 下拉列表 --!-- 省份选择 --selectoption--请选择省--/optionoption河北省/optionoption山东省/optionoption河南省/optionoption山西省/option/select!-- 地区选择 --selectoption--请选择市--/optionoption衡水市/optionoption邢台市/optionoption保定市/optionoption邯郸市/option/select!-- 县选择 --selectoption--请选择县--/optionoption冀州区/optionoption枣强市/optionoption深州市/optionoption桃城区/option/select/td/tr!-- 第三行数据 --trtd邮箱/tdtdinput typetext value请输入邮箱/td/tr!-- 第四行数据 --trtd关注领域/tdtdinput typecheckbox namelike1 移动开发input typecheckbox namelike2 后端开发input typecheckbox namelike3 前端开发/td/tr!-- 第五行数据 --trtd个人简介/tdtdtextarea cols50 rows5 /textarea/td/tr!-- 第六行数据 --trtd/tdtdinput typeimage srcimages/btn.png //td/tr!-- 第七行数据 --trtd/tdtda hrefhttps://www.baidu.com/已有账号立即登录/a/td/tr/table/body
/html4、内嵌样式运行效果 下面是代码的运行效果 : 用户注册信息 是 h3 标签内容 , 被设置成 蓝色字体 , 20 像素大小 ; 普通表格 单元格 td 标签中的文本 , 都被设置成了 绿色字体 , 15 像素大小 ; option 下拉列表选项标签 中的文本 , 都被设置成了紫色 , 15 像素大小 ;